/*header*/

.header {
    display: block;
}

.header_top {
    height: 24px;
    background: #649fa3;
    text-align: right;
    color: #fff;
    line-height: 24px;
    padding-right: 30px;
}

.hd_user {
    margin-right: 10px;
}

.header_con {
    background: #e7ebef;
    height: 40px;
}

.logo img {
    padding: 7px 0px 0px 30px;
}

.headernav {
    display: block;
    width: 100%;
    height: 69px;
}

.headernav.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
}

.head_nav {
    height: 40px;
    background: #4fa1a4;
    border-bottom: 4px solid #91dadd;
    position: relative;
    width: 100%;
}

.source_menu {
    width: 126px;
    height: 35px;
    text-align: center;
    background: #e7ebef;
    margin-left: 30px;
    position: relative;
    top: 1px;
}

.menu_btn {
    color: #5b6e7a;
    line-height: 36px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    text-indent: 6px;
}

.menu_btn:after,
.menu_btn:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.menu_btn:before {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url(../images/menu.png) no-repeat 0 0/18px 130px;
    position: relative;
    top: -2px;
    left: -5px;
}

.menu_btn:after {
    width: 14px;
    height: 14px;
    background: url(../images/menu.png) no-repeat 0 -37px;
    background-size: 18px 130px;
    float: right;
    margin-top: 12px;
    margin-right: 10px;
}

.menu_list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 100;
}

.source_menu:hover .menu_list {
    display: block;
}

.menu_list ul {
    text-align: left;
    list-style: none;
    margin: 3px 0 0;
    padding: 0;
    background: #fff;
}

.menu_list li a {
    padding-left: 5px;
    color: #606f7a;
    transition: color .2s ease;
    cursor: pointer;
}

.menu_list li {
    margin: 0 10px;
    line-height: 34px;
}

.menu_list>li.active {
    background: #86b8bc;
}

.has_sub a {
    display: block;
    padding: 8px 5px;
    text-align: left;
    line-height: 130%;
}

.has_sub a:hover {
    text-decoration: none;
}

.has_sub>li {
    margin: 0;
    margin-top: 3px;
    background: #a1d8dc;
}

.has_sub .menu_tit {
    position: relative;
    margin: 0 10px;
}

.has_sub .menu_tit:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 2px;
    display: inline-block;
    width: 10px;
    height: 5px;
    background: url(../images/menu.png) no-repeat 0 -117px;
    background-size: 18px 130px;
}

.has_sub>li ul {
    display: none;
    margin-top: 0;
    background: none;
    border-top: 1px solid hsla(0, 0%, 100%, .3);
}

.has_sub .menu_tit+ul li {
    margin-top: 0;
}

.has_sub>li.active {
    background: #86b8bc;
}

.has_sub>li.active>ul {
    display: block;
}

.has_sub>li.active .menu_tit {
    color: #fff;
}

.has_sub>li.active .menu_tit:after {
    background-position: 0 -98px;
}

.has_sub>li.active ul {
    display: block;
}

.menu_list li a.active,
.menu_list li a:hover {
    color: #fff;
}

.menu_list li+li {
    border-top: 1px solid hsla(0, 0%, 100%, .3);
}

.has_sub .menu_tit+ul li.active a {
    color: #fff;
}


/*footer*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    text-align: center;
    clear: both;
    padding-top: 20px;
}

.footer p {
    background-color: #e8ebef;
    line-height: 60px;
}

.footer a {
    color: #373737;
}

.content {
    display: block;
    /* padding: 10px 30px 20px; */
    padding: 10px 30px 80px;
    background: #f5f5f5;
    overflow: hidden;
}


/*view*/


/* 左侧栏固定宽度，右侧自适应 */

.bd-lft {
    zoom: 1;
    overflow: hidden;
    padding-left: 210px;
}

.bd-lft .aside {
    float: left;
    width: 200px;
    margin-left: -100%;
    /*= -100%*/
    position: relative;
    left: -210px;
    /* = -parantNode.paddingLeft */
    _left: 0;
    /*IE6 hack*/
}

.bd-lft .main {
    float: left;
    width: 100%;
}

.user-nav {
    float: right;
    margin-top: 4px;
    line-height: 16px;
    color: #fff;
}

.user-nav .current-user {
    position: relative;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
}

.user-nav .cu-name {
    color: #fff;
    cursor: pointer;
}

.userboxinfo {
    display: none;
    width: 91px;
    position: absolute;
    left: -17px;
    top: 16px;
}

.userboxinfo:hover {
    display: block;
}

.cu-name:hover+div {
    display: block;
}

.user-nav .current-user::after {
    display: inline-block;
    content: "";
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, .9) transparent transparent;
    border-width: 7px 4px 0;
}

.ul_userlist {
    display: block;
    border: 1px solid #606f7a;
    padding: 5px 0;
    margin: 6px 0 0;
    position: relative;
    z-index: 1;
    background: #fff;
    overflow: hidden;
}

.ul_userlist li {
    display: inline-block;
    float: left;
    /* width: 33.3%; */
    text-align: center;
    line-height: 22px;
    padding: 0 5px;
}

.ul_userlist li a {
    color: #606f7a;
}

.ul_userlist li:last-child a {
    color: #f00220;
}

.userboxinfo:before {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/s_header_user_icon.png) center top no-repeat;
    top: 2px;
    position: absolute;
    z-index: 22;
    right: 12px;
}


/* 右侧栏固定宽度，左侧自适应 */

.bd-rgt {
    zoom: 1;
    /*overflow: hidden;*/
    padding-right: 210px;
}

.bd-rgt .aside {
    float: left;
    width: 200px;
    margin-left: -200px;
    /* = -this.width */
    position: relative;
    right: -210px;
    /* = -parantNode.paddingRight */
}

.bd-rgt .main {
    float: left;
    width: 100%;
}


/* 左中右 三栏自适应 */

.bd-3-lr {
    zoom: 1;
    overflow: hidden;
    padding-left: 210px;
    padding-right: 210px;
}

.bd-3-lr .main {
    float: left;
    width: 100%;
}

.bd-3-lr .aside-1 {
    float: left;
    width: 200px;
    margin-left: -100%;
    position: relative;
    left: -210px;
    _left: 210px;
    /*IE6 hack*/
}

.bd-3-lr .aside-2 {
    float: left;
    width: 200px;
    margin-left: -200px;
    position: relative;
    right: -210px;
}


/* 都在左边，右侧自适应 */

.bd-3-ll {
    zoom: 1;
    overflow: hidden;
    padding-left: 420px;
}

.bd-3-ll .main {
    float: left;
    width: 100%;
}

.bd-3-ll .aside-1 {
    float: left;
    width: 200px;
    margin-left: -100%;
    position: relative;
    left: -420px;
    _left: 0px;
    /*IE6 hack*/
}

.bd-3-ll .aside-2 {
    float: left;
    width: 200px;
    margin-left: -100%;
    position: relative;
    left: -210px;
    _left: 210px;
    /*IE6 hack*/
}


/* 都在右边，左侧自适应 */

.bd-3-rr {
    zoom: 1;
    overflow: hidden;
    padding-right: 420px;
}

.bd-3-rr .main {
    float: left;
    width: 100%;
}

.bd-3-rr .aside-1 {
    float: left;
    width: 200px;
    margin-left: -200px;
    position: relative;
    right: -210px;
}

.bd-3-rr .aside-2 {
    float: left;
    width: 200px;
    margin-left: -200px;
    position: relative;
    right: -420px;
}


/*layer*/

.layer_auto {}

.layui-tree li a.current {
    background: #86b8bc;
    color: #fff;
}


/*scroll*/

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}


/*zUI*/

#demo {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.zui_scroll {
    width: 100%
}

.box {
    height: 300px;
    width: 100%;
}

.zUIpanelScrollBox,
.zUIpanelScrollBar {
    width: 8px;
    top: 0px;
    right: 0px;
    border-radius: 0px;
}

.zUIpanelScrollBox {
    background: #e2e2e2;
}

.zUIpanelScrollBar {
    background: #9f9f9f;
}


/*echarts*/

.ibox {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #dee5e7;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after,
.ibox:before {
    display: table;
}

.ibox-title {
    height: 41px;
    border-color: #edf1f2;
    background-color: #f6f8f8;
    color: #333;
    font-weight: 700;
    border-radius: 2px 2px 0 0;
    padding: 15px 15px 3px 15px;
    border-bottom: 1px solid transparent;
    display: block;
    clear: both;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}

.echarts {
    height: 240px;
}


/*flot*/

.flot-chart {
    display: block;
    height: 200px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}


/*menu*/

.con_menu {
    position: relative;
}


/*面包屑*/

.con_breadcrumb {
    height: 30px;
    line-height: 30px;
    background: #F5F5F5;
    padding-left: 0px;
    position: relative;
    box-shadow: 0 0 5px 1px #b2b2b2;
    overflow: hidden;
}

.con_breadcrumb .breadcrumb {
    font-size: 12px;
    margin-bottom: 0px;
    padding: 0px;
    padding-left: 30px;
}

.con_breadcrumb .breadcrumb>li+li:before {
    padding: 0px;
    color: #ccc;
    content: "";
}

.con_breadcrumb .breadcrumb a {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    color: #4fa1a4;
    font-size: 14px;
    z-index: 3;
}

.con_breadcrumb .breadcrumb a:after {
    content: '>';
    position: absolute;
    right: -1px;
    width: 3px;
    height: 6px;
    color: #c8c8c8;
}

.con_breadcrumb .breadcrumb li:last-child a:after {
    content: "";
    display: none;
}

.con_breadcrumb>h3 {
    position: absolute;
    right: 30px;
    top: 0px;
    color: #4fa1a4;
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}


/*icon*/

.icons-new {
    width: 1000px;
    margin: 0px auto;
    overflow: hidden;
}

.icons-new .span3 {
    width: 240px;
    float: left;
}

.icons-new li {
    padding: 5px 0px;
}


/*bootstrap*/

.input-group-addon {
    padding: 6px 8px;
    width: 5rem;
    border-radius: 8px 0px 0px 8px;
    text-align: left;
    background: #f5f5f5;
}

.content .input-group .form-control:last-child {
    border-radius: 0px 8px 8px 0px;
    box-shadow: 0px 0px 0px;
}

.input-group .form-control:focus {
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .075);
}

.input-group .form-control:focus .form-required::after {
    content: "*";
    color: #4aa8e5;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    line-height: 1;
    z-index: 22;
}

.check-group .input-group-addon {
    background: none;
    border: 0px;
    border-right: 1px;
}

.checkbox-inline,
.radio-inline {
    padding-left: 0px;
    padding-right: 0px;
    z-index: 5;
}

.checkbox-inline input,
.radio-inline input {
    opacity: 0;
    display: block;
    margin-left: 0 !important;
}

.layui-form input[type=checkbox],
.layui-form input[type=radio],
.layui-form select {
    display: block;
}

.checkbox-inline span::before {
    content: "";
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    position: relative;
    z-index: 9;
}

input[type=checkbox]:checked+span::before {
    border-color: #4aa8e5;
    background: url(../images/checkbox.png) 50% 0 no-repeat;
    background-size: 11px 43px;
}

input[type=checkbox]:checked+span {
    color: #4aa8e5;
}
.checkbox-inline input[type=checkbox]:disabled + span::before {
    border-color: #c1c1c1;
    background: #ccc;
}

.radio-inline span::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    width: 17px;
    height: 17px;
    background: url(../images/radio.png) 0 -24px no-repeat;
    border-radius: 8px;
}

input[type=radio]:checked+span::before {
    background: url(../images/radio.png) no-repeat
}

input[type=radio]:checked+span {
    color: #649fa3;
}

.checkbox-inline input[disabled]+span,
.radio-inline input[disabled]+span {
    color: #999;
}


/*layer*/

.layui-form-item {
    margin-bottom: 0px;
}

.layui-form-item .input-group-addon {
    display: table-cell;
    background: none;
}

.layui-form-item .layui-input-block {
    display: table-cell;
    margin-left: 0px;
}

.layui-input,
.layui-select,
.layui-textarea {
    height: 34px;
    line-height: 34px;
}

.layui-form-select dl dd,
.layui-form-select dl dt {
    height: 32px;
    line-height: 32px;
}

.layui-form-select dl {
    top: 36px;
    max-height: 200px;
    overflow: auto;
}

.layui-form .row {
    padding-bottom: 10px;
    position: relative;
}

.layui-form select {
    display: block;
    height: 31px;
    width: 100%;
    border: 0px;
    border-radius: 0 8px 8px 0;
    background: #f5f5f5;
}

.layui-input-block {
    border: 1px #ccc solid;
    border-left: 0px;
    border-radius: 0px 8px 8px 0px;
}

.has-error .layui-input-block {
    border-color: #a94442;
}

.content .has-error .form-control:last-child {
    border-radius: 0 8px 8px 0 !important;
}

.input-group .help-block {
    margin-bottom: 0px;
    position: absolute;
    top: 100%;
    margin-top: 0px;
    left: 0px;
    font-size: 12px;
}

.layui-form-item .layui-input-block {
    position: relative;
}


/*.layui-form-item .layui-input-block select{
	position: absolute;z-index: -1;
}*/

.layui-form-select .layui-input {
    border-left: 0px;
    border-radius: 0px 8px 8px 0px;
}

.has-error .layui-form-select .layui-input,
.has-error .city-picker-span {
    border-color: #a94442;
}

.layui-form .input-group {
    width: 100%;
    font-size: 14px;
    border-radius: 8px;
}


/*.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){
    border-radius:0px 4px 4px 0px;
}*/

.input-group .form-control {
    border-left: 0px;
}

.layui-upload-button {
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
}


/*address*/

.city-picker-input {
    opacity: 0 !important;
    top: -9999px;
    left: -9999px;
    position: absolute;
}

.city-picker-span {
    position: relative;
    display: block;
    outline: 0;
    /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    border: 1px solid #ccc;
    border-radius: 0px 8px 8px 0px;
    color: #ccc;
    cursor: pointer;
    border-left: 0px;
}

.city-picker-span>span {
    position: absolute;
    left: 10px;
}

.city-picker-span>.placeholder {
    color: #aaa;
}

.layui_select .layui-input-block {
    padding-left: 1px;
    border-left: 1px #ccc solid;
    border-radius: 8px;
    background: #f5f5f5;
    overflow: hidden;
}

.has-error .input-group-addon {
    background: none;
}

.city-picker-span>.arrow {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 10px;
    margin-top: -3px;
    height: 5px;
    /*background: url(../images/drop-arrow.png) -10px -25px no-repeat;*/
}

.layui-input,
.layui-select,
.layui-textarea {
    border: 1px #ccc solid;
}


/*.city-picker-span.focus,
.city-picker-span.open {
    border-bottom-color: #46A4FF;
}*/

.city-picker-span.open>.arrow {
    background-position: -10px -10px;
}

.city-picker-span>.title>span {
    color: #333;
    padding: 5px;
    border-radius: 3px;
}

.city-picker-span>.title>span:hover {
    background-color: #f1f8ff;
}

.city-picker-dropdown {
    position: absolute;
    width: 315px;
    left: -9999px;
    top: -9999px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 999999;
    display: none;
    min-width: 330px;
    margin-bottom: 20px;
}

.city-select-wrap {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.city-select-tab {
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 13px;
}

.city-select-tab>a {
    display: inline-block;
    padding: 8px 22px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    color: #4D4D4D;
    text-align: center;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: -1px;
}

.city-select-tab>a.active {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #46A4FF;
}

.city-select-tab>a:first-child {
    border-left: none;
}

.city-select-tab>a:last-child.active {
    border-right: 1px solid #ccc;
}

.city-select-content {
    width: 100%;
    min-height: 10px;
    background-color: #fff;
    padding: 10px 15px;
}

.city-select {
    font-size: 13px;
}

.city-select dl {
    line-height: 2;
    clear: both;
    padding: 3px 0;
    margin: 0;
    white-space: normal;
}

.city-select dt {
    position: absolute;
    width: 2.5em;
    font-weight: 500;
    text-align: right;
    line-height: 2;
}

.city-select dd {
    margin-left: 0;
    line-height: 2;
}

.city-select.province dd {
    margin-left: 3em;
}

.city-select a {
    display: inline-block;
    padding: 0 10px;
    outline: 0;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 2px;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.city-select a:hover,
.city-select a:focus {
    background-color: #f1f8ff;
    border-radius: 2px;
    color: #46A4FF;
}

.city-select a.active {
    background-color: #46A4FF;
    color: #fff;
    border-radius: 2px;
}

.stretch .stretch-push.current:before {
    background: url(../images/stretch.png) no-repeat 0 0px;
}

.layui-btn {
    background: #4fa1a4;
    border-radius: 8px;
}


/*input-button*/

.content .input-grout-button .form-control {
    border: 1px #ccc solid;
    border-radius: 8px 0px 0px 8px;
}

.input-grout-button .btn-default {
    border-radius: 0px 8px 8px 0px;
    background: #4fa1a4;
    color: #fff;
    border: 1px #4fa1a4 solid;
}

.input-group.form-required .input-group-addon:after {
    content: "*";
    position: relative;
    top: 4px;
    left: 3px;
    color: #6ec5ef;
    font-size: 16px;
}

.check-group {
    padding-top: 3px;
}

.radio-inline {
    padding-top: 4px;
}


/*搜索*/

.group_search {
    background: #ebebeb;
    border-top: 1px #e3e3e3 solid;
    border-bottom: 1px #e3e3e3 solid;
    padding: 20px 30px 0px 30px;
}

.group_search>.row {
    padding-bottom: 20px;
}

.group_search .form-control {
    border-radius: 8px;
    background-color: #f5f5f5;
}

.layui_select .layui-input {
    border-left: 0px;
    border-radius: 8px;
}

.layui_select .layui-select-title {
    border-left: 1px #ccc solid;
    border-radius: 8px 0px 0px 8px;
}

.btn-def {
    border-radius: 8px;
    background: #4fa1a4;
    color: #fff;
    border: 0px;
    padding: 7px 15px;
}

.btn-def:hover,
.btn-def:focus,
.btn-def:active {
    background: #4fa1a4;
    color: #fff;
    outline: none;
}

.btn-def .glyphicon-search {
    font-size: 16px;
    vertical-align: middle;
}

.text_right {
    text-align: right;
}

.check_group {
    display: table;
    border-collapse: separate;
}

.check_group label {
    display: table-cell;
    padding: 6px 8px;
    width: 5rem;
    font-size: 14px;
    color: #333;
}

.control-filtering {
    display: table-cell;
}

.control-filtering a {
    position: relative;
    display: inline-block;
    margin: 4px 0;
    height: 24px;
    font-size: 14px;
    font-weight: 600;
    color: #373737;
    line-height: 24px;
    cursor: pointer;
    padding: 0 10px;
}

.control-filtering a:hover {
    text-decoration: none;
}

.control-filtering a.active {
    background-color: #fff;
    padding: 0 20px;
    line-height: 20px;
    border: 1px solid #4fa1a4;
    position: relative;
    border-radius: 8px;
    color: #649fa3;
    margin: 4px 6px;
    top: -2px;
}

.control-filtering a+.option::before {
    position: absolute;
    top: 4px;
    left: 0;
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background: rgba(142, 150, 155, .7);
}

.control-filtering a.active:before{
    width: 0;
}

.control-filtering a.active:after {
    content: "\2714";
    position: absolute;
    bottom: 0;
    right: -1px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    width: 12px;
    height: 12px;
    background-color: #4fa1a4;
    color: #fff;
    border-radius: 0 0 5px;
}

.control-filtering a:nth-child(n+1).active {
    margin-left: 0px;
    /* margin-right: 12px; */
}

.control-filtering a:nth-child(n+1).active:before {
    left: -17px;
}


/*按钮*/

.operate-btns {
    position: absolute;
    left: 175px;
    top: 0px;
}

.operate-btns .fbtn+.fbtn,
.read-btns .fbtn+.fbtn {
    margin-left: 20px
}

.license-btn .dif-btn:before {
    width: 20px;
    height: 20px;
    background-position: 0 -206px
}

.license-btn .dif-btn:hover {
    background-color: #ff7202
}

.license-btn .dif-btn:hover:before {
    background-position: 0 -239px
}

.operate-btns {
    font-size: 0
}

.operate-btns .imgh14 {
    height: 14px
}

.operate-btns .fbtn {
    display: inline-block;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #649fa3;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    margin: 5px 0 6px;
}

.print-tips {
    display: none;
    position: absolute;
    padding: 5px 10px;
    border-radius: 4px;
    background: gray;
    z-index: 10;
    margin-top: 8px;
}

.print-tips p {
    line-height: 24px;
    font-size: 14px;
    white-space: nowrap;
}

.operate-btns .icon-exclamation-sign {
    position: relative;
    color: #ff7202;
}

.operate-btns .icon-exclamation-sign em {
    display: none;
    content: '';
    position: absolute;
    top: 24px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid gray;
    z-index: 10;
}

.operate-btns .fbtn:hover {
    border: 1px solid #2c7a7d;
    -moz-box-shadow: 0px 1px 1px #7dc3c8 inset, 0px 1px 1px #7dc3c8;
    -webkit-box-shadow: 0px 1px 1px #7dc3c8 inset, 0px 1px 1px #7dc3c8;
    box-shadow: 0px 1px 1px #7dc3c8 inset, 0px 1px 1px #7dc3c8;
}

.operate-btns .fbtn::before {
    display: inline-block;
    margin-right: 5px;
    width: 22px;
    /* height: 24px; */
    /*background: url(../images/operate.png) 0 0/25px 1600px no-repeat*/
    background: url(../images/operate.png) no-repeat;
}

.operate-btns .fb-modify::before {
    width: 21px;
    height: 21px;
    background-position: 0 0
}

.operate-btns .fb-rename::before {
    width: 21px;
    height: 20px;
    background-position: 0 -26px
}

.operate-btns .fb-save::before {
    background-position: 0 -54px
}

.operate-btns .icon-submit::before {
    background-position: 0 -81px
}

.operate-btns .fb-refresh::before {
    background-position: 0 -108px
}

.operate-btns .fb-add::before {
    background-position: 0 -189px
}

.operate-btns .fb-dd:before {
    background-position: 0 -1323px;
}

.operate-btns .fb-ji:before {
    background-position: 0 -1350px;
}

.operate-btns .fb-down:before {
    background-position: 0 -1620px;
}

.operate-btns .fb-del::before {
    background-position: 0 -216px
}

.operate-btns .fb-used::before {
    background-position: 0 -891px
}

.operate-btns .fb-effect::before {
    width: 20px;
    height: 17px;
    background-position: 0 -843px
}

.operate-btns .fb-storage::before {
    background-position: 0 -918px
}

.operate-btns .fb-entry::before {
    background-position: 0 -945px
}

.operate-btns .fb-unused::before {
    background-position: 0 -135px
}

.operate-btns .fb-release::before {
    background-position: 0 -783px
}

.operate-btns .fb-release02::before {
    background-position: 0 -999px
}

.operate-btns .fb-dump::before {
    background-position: 0 -162px
}

.operate-btns .fb-upload::before {
    background-position: 0 -270px
}

.operate-btns .icon-download::before {
    background-position: 0 -243px
}

.operate-btns .fb-dispose::before {
    width: 23px;
    height: 22px;
    background-position: 0 -231px
}

.operate-btns .fb-change-standard::before {
    width: 21px;
    height: 21px;
    background-position: 0 -278px
}

.operate-btns .fb-change-nostandard::before {
    width: 21px;
    height: 21px;
    background-position: 0 -305px
}

.operate-btns .fb-del::before {
    background-position: 0 -216px
}

.operate-btns .fb-print::before {
    background-position: 0 -1242px
}

.operate-btns .fb-setting::before {
    background-position: 0 -459px
}

.operate-btns .fb-favorite::before {
    width: 22px;
    height: 21px;
    background-position: 0 -402px
}

.operate-btns .fb-book::before {
    background-position: 0 -513px
}

.operate-btns .fb-save-add::before {
    width: 24px;
    height: 20px;
    background-position: 0 -460px
}

.operate-btns .fb-send::before {
    width: 21px;
    height: 20px;
    background-position: 0 -487px
}

.operate-btns .fb-evaluate::before {
    width: 20px;
    height: 20px;
    background-position: 0 -517px
}

.operate-btns .fb-favorite2::before {
    width: 21px;
    height: 18px;
    background-position: 0 -543px
}

.operate-btns .fb-return::before {
    background-position: 0 -648px
}

.operate-btns .fb-print::before {
    background-position: 0 -1485px
}

.operate-btns .fb-close::before {
    width: 22px;
    height: 22px;
    background-position: 0 -635px
}

.operate-btns .fb-add-invoice::before {
    width: 24px;
    height: 22px;
    background-position: 0 -663px
}

.operate-btns .fb-valid::before {
    width: 22px;
    height: 22px;
    background-position: 0 -697px
}

.operate-btns .fb-receive::before {
    background-position: 0 -1593px
}

.operate-btns .fb-billing::before {
    background-position: 0 -972px
}
.operate-btns .fb-car::before {
    background-position: 0 -1270px
}

.operate-btns .form-gray-phone::before,
.operate-btns .form-phone::before {
    top: -2px;
    left: -20px;
    width: 18px;
    height: 18px;
    display: inline-block;
    content: ""
}

.operate-btns .form-phone {
    position: relative
}

.operate-btns .form-phone::before {
    position: absolute;
    background: url(../images/form-s-icon.png) no-repeat
}

.operate-btns .form-gray-phone {
    position: relative
}

.operate-btns .form-gray-phone::before {
    position: absolute;
    background: url(../images/form-s-icon-gray.png) no-repeat
}

.license-btn .fbtn:before,
.operate-btns .fbtn::before {
    content: "";
    vertical-align: middle;
}

.operate-btns a.disabled {
    color: #DCDCDC;
}

.operate-btns .fb-modify::before {
    background-position: 0 0;
}

.operate-btns .fb-preview::before {
    width: 20px;
    height: 20px;
    background-position: 0 -754px;
}

.operate-btns .fb-distributed::before {
    background-position: 0 -837px;
}

.operate-btns .fb-export::before {
    background-position: 0 -270px;
}

.operate-btns .fb-count::before {
    background-position: 0 -1026px;
}
.operate-btns .fb-cancelRelease::before {
    background-position: 0 -1728px;
}



/*date*/

.box_date {
    display: block;
    border: 1px #ccc solid;
    border-radius: 8px;
    background: #f5f5f5;
    height: 34px;
    line-height: 34px;
    width: 100%;
    border-left: 0px;
    border-right: 0px;
}

.box_date>* {
    display: inline-block;
    float: left;
}

.box_date input {
    width: 46%;
    height: 32px;
    border: 0px;
    border-left: 1px #ccc solid;
    border-radius: 8px 0px 0px 8px;
    text-indent: 1em;
    background: #f5f5f5;
}

.box_date input:last-child {
    border-left: 0px;
    /* border-right: 1px #ccc solid; */
    border-radius: 0px 8px 8px 0px;
}

.box_date span {
    width: 8%;
    text-align: center;
    color: #373737;
    line-height: 32px;
}


/*table 1*/

.h2_1 {
    display: block;
    line-height: 20px;
    color: #373737;
    padding: 6px 0px 0px 0px;
    text-align: left;
}

.h2_1 span {
    padding: 0px 4px;
    position: relative;
    top: 2px;
    color: #00aaeb;
    font-size: 22px;
}

.t_center {
    text-align: center;
}

.from-button {
    display: inline-flex;
    border: 1px solid #649fa3;
    border-radius: 8px;
    overflow: hidden;
}

.unfrom-button {
    border: 1px solid #ccc;
}

.fr {
    float: right !important;
}

.from-button a {
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    white-space: nowrap;
}

.from-button .green-button {
    color: #649fa3;
}

.from-button .gray-button {
    color: #ccc;
}

.from-button a:first-child {
    border-radius: 7px 0 0 7px;
}

.from-button a:last-child {
    border-radius: 0 7px 7px 0;
}

.from-button .red-button {
    color: #dc322e;
}

.from-button a i {
    position: absolute;
    float: right;
    color: #649fa3;
    right: -3px;
    top: -2px;
    font-style: normal;
}

.green-button:hover {
    background: #649fa3;
    color: #fff;
}

.gray-button:hover {
    color: #ccc;
    background: none;
}

.red-button:hover {
    background: #dc322e;
    color: #fff;
}

.table-1 th {
    text-align: center;
}

.table-1 tr {
    padding-bottom: 10px;
}

/*.table-1 tbody>tr>td {
    vertical-align: middle;
    padding: 13px 8px;
}*/

.table-1 input[type="text"],
.table-1 select {
    width: 100%;
    border: 1px #e6e6e6 solid;
    background: #f5f5f5;
    border-radius: 8px;
    height: 32px;
    line-height: 32px;
    text-indent: 0.5rem;
}

.table-1 input[type="text"]:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/*.table-1 tr td span:nth-child(2),
.table-1 tr td div:nth-child(2) {
    display: none;
}*/

.table-1 tr.edit>td span:nth-child(1),
.table-1 tr.edit>td div:nth-child(1) {
    display: none;
}

.table-1 tr.edit>td span:nth-child(2),
.table-1 tr.edit>td div:nth-child(2) {
    display: block;
}

.hidden {
    display: none;
}


/*icon*/

.icon_down {
    border: 1px solid #649fa3;
    border-radius: 8px;
    background: #f5f5f5;
    padding: 5px 20px;
    position: relative;
    cursor: pointer;
}

.icon_down:after {
    content: "";
    background: url(../images/im1_03.png) center center no-repeat;
    position: absolute;
    left: 10px;
    top: 4px;
    width: 20px;
    height: 20px;
}

.font-red {
    color: #f00220;
}

.input-searcha {
    position: relative;
    width: 240px;
    display: block;
    border-collapse: separate;
}

.input-searcha input {
    width: 180px !important;
    float: left;
    border-radius: 8px 0px 0px 8px !important;
    height: 34px !important;
}

.but_1 {
    cursor: pointer;
    float: left;
}

.but_2 {
    cursor: pointer;
    margin-left: 10px;
}

.but_del {
    border: 1px #f00220 solid;
    border-radius: 8px;
    padding: 6px 12px;
    cursor: pointer;
    color: #f00220;
    display: inline-block;
}

.but_del:hover {
    background: #f00220;
    color: #fff;
}

.input_t1 {
    width: 8% !important;
}

.input_t2 {
    width: 17% !important;
}

.input-disabled .input-group-addon,
.input-disabled .form-control {
    background: #e1e1e1 !important;
}

.btn_add {
    border: 1px #74b4b6 solid;
    border-radius: 6px;
    padding: 6px 15px;
    color: #74b4b6;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
}

.btn_add:hover {
    background: #74b4b6;
    color: #fff;
}

.btn_add:hover:after {
    background: #fff;
}

.btn_add:hover:before {
    background: #fff;
}

.btn_add:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #74b4b6;
    position: absolute;
    left: 9px;
    top: 14px;
}

.btn_add:before {
    content: "";
    width: 2px;
    height: 12px;
    background: #74b4b6;
    position: absolute;
    left: 14px;
    top: 9px;
}

.cert-manage .cert-view .cert-listb .cp-box {
    width: 150px;
    height: 215px;
}

.cert-manage .cert-view .cert-listb .license-btn {
    width: 150px;
}

.cert-manage .cert-view .cert-listb .license-btn .fbtn {
    padding: 5px 5px;
    width: 49px;
}

.cert-listb .license-btn .modify-btn:before {
    margin-left: 12px;
}

.cert-listb .license-btn .magnify-btn:before {
    margin-left: 12px;
}

.cert-listb .license-btn .del-btn:before {
    margin-left: 9px;
}

.cert-listb .datetime-picker input[type=text] {
    display: block;
    width: 100%;
    height: 31px;
}

.cert-listb li {
    padding: 10px 18px !important;
}

.cert-listb:hover {
    border: 0px;
    box-shadow: 0px 0px 0px;
}

.cert-manage .cert-view .cert-list li input[type="text"] {
    height: 30px !important;
}


/*page*/

.ui-paging-container {
    color: #666;
    font-size: 12px;
}

.ui-paging-container ul {
    overflow: hidden;
    text-align: center;
}

.ui-paging-container ul,
.ui-paging-container li {
    list-style: none;
}

.ui-paging-container li {
    display: inline-block;
    padding: 4px 10px;
    margin-left: 5px;
    color: #666;
    border: 1px #ccc solid;
    border-radius: 8px;
}

.ui-paging-container li.ui-pager {
    cursor: pointer;
    border: 1px solid #ddd;
}

.ui-paging-container li.ui-pager:hover,
.ui-paging-container li.focus {
    background-color: #288df0;
    color: #FFFFFF;
}

.ui-paging-container li.ui-paging-ellipse {
    border: none;
}

.ui-paging-container li.ui-paging-toolbar {
    padding: 0;
}

.ui-paging-container li.ui-paging-toolbar select {
    height: 22px;
    border: 1px solid #ddd;
    color: #666;
}

.ui-paging-container li.ui-paging-toolbar input {
    line-height: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid #ddd;
    text-align: center;
    width: 30px;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.ui-paging-container li.ui-paging-toolbar a {
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    height: 20px;
    border: 1px solid #ddd;
    vertical-align: top;
    cursor: pointer;
    margin-left: 5px;
    color: #666;
}

.ui-paging-container li.ui-pager-disabled,
.ui-paging-container li.ui-pager-disabled:hover {
    background-color: #f6f6f6;
    cursor: default;
    border: none;
    color: #ddd;
}

body .yourclass {
    width: 420px;
    height: 240px;
    background-color: #81BA25;
    box-shadow: none;
    color: #fff;
}

.fheader .check-group {
    padding-top: 0px;
    margin-left: 20px;
}

.span_more {
    margin-left: 10px;
    color: #4fa1a4;
    cursor: pointer;
    position: relative;
    top: 3px;
}

.operate-btns .fb-pl:before {
    background-position: 0 -1566px;
}

.table-1b tr td span:nth-child(2),
.table-1b tr td div:nth-child(2) {
    display: block;
}

.ip_w50 {
    width: 50px !important;
}

.ip_w55 {
    width: 55px !important;
}

.ip_w60 {
    width: 60px !important;
}

.ip_w65 {
    width: 65px !important;
}

.ip_w70 {
    width: 70px !important;
}

.ip_w75 {
    width: 75px !important;
}

.ip_w80 {
    width: 80px !important;
}

.ip_w85 {
    width: 85px !important;
}

.ip_w90 {
    width: 90px !important;
}

.ip_w95 {
    width: 95px !important;
}

.ip_w100 {
    width: 100px !important;
}

.ip_w105 {
    width: 105px !important;
}

.table_more {
    width: 84px;
    height: 16px;
    cursor: pointer;
    display: block;
    margin: 0px auto;
    background: url(../images/img4_15.png);
    margin-top: -13px;
}

.table-1b table {
    display: none;
}

.table-1b tbody tr td {
    border: 0px;
}

.table-1b tbody tr:first-child td {
    padding: 16px 4px;
}

.table-1b tbody tr:nth-child(2) td {
    border-bottom: 1px #ccc solid;
    padding: 0px;
}

.table-1b tbody tr:nth-child(2) {
    padding-bottom: 0px;
}

.table-1b tbody {
    border-top: 0px #ddd solid !important;
}

.table-1b tbody:nth-child(1) {
    border-top: 2px #ddd solid;
}

/*.table-1b p {
    color: #4aa8e5;
}*/

.table-1b tbody td:nth-child(2) .checkbox-inline {
    margin-top: 5px;
}

.table-1b tbody td:nth-child(2) .checkbox-inline span {
    color: #ff7202;
}

.table-1b tbody.current table {
    display: table;
}

.table-1b tbody.current td,
.table-1b tbody.current th {
    background: #ebebeb;
}

.table-1b tbody.current .table_more,
.left-tree.show .table_more,
.left_tree_ab.show .table_more {
    background: url(../images/img4_19.png);
}

.table-1b td[colspan] {
    padding: 0px 30px !important;
}

.table-1b tbody.current>tr:nth-child(1) {
    border-bottom: 1px #9dd5eb solid;
}

.table-1b tbody.current>tr:nth-child(2)>td {
    border-bottom: 1px #9dd5eb solid;
}

.table-1b table th {
    padding: 14px 8px !important;
}

.table-1b table td {
    /*border: 0px !important;*/
    padding: 8px !important;
}

.left-tree {
    width: 300px;
    /*min-height: 168px;*/
    height: 123px;
    background: #ebebeb;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 1px rgba(103, 100, 100, 0.52);
    position: relative;
    left: 5px;
    overflow: hidden;
    top: 3px;
    padding-left: 20px;
}

.left-tree .table_more {
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -42px;
}

.ul-tree {
    display: block;
    margin-bottom: 28px;
    height: 340px;
    overflow-y: auto;
}

.ul-tree>li {
    padding-top: 15px;
}

.ul-tree>li>a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 0px;
    color: #373737;
}

.ul-tree li>a>i {
    content: "";
    background: url(../images/img4_07.png) no-repeat;
    width: 30px;
    vertical-align: middle;
    height: 26px;
    display: inline-block;
    position: relative;
    left: 0px;
}

.ul-tree li.show>a>i {
    background: url(../images/img4_07b.png) no-repeat;
}

.ul-tree ul {
    display: none;
    margin-left: 12px;
    margin-top: 15px;
    border-left: 1px #b5b2b2 solid;
}

.ul-tree ul>li {
    /* padding-top: 10px; */
    padding-left: 25px;
    position: relative;
    /* height: 30px; */
}

.ul-tree ul>li:before {
    content: "";
    width: 28px;
    height: 1px;
    background: #b5b2b2;
    display: inline-block;
    margin-left: -25px;
    top: -15px;
    position: relative;
}

.ul-tree ul>li.end:after,
.ul-tree li.show ul>li:last-child:after {
    display: inline-block;
    content: "";
    position: absolute;
    left: -1px;
    top: 15px;
    width: 1px;
    height: 100%;
    background: #f5f5f5;
}

.ul-tree ul.ulc li:last-child:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 15px;
    left: -1px;
    width: 1px;
    height: 20px;
    background: #f5f5f5;
}

/*.ul-tree ul>li:last-child>a {
    top: 20px;
}*/

/*.ul-tree ul>li:last-child:before {
    top: 4px;
}*/

.left-tree.show,
.left_tree_ab.show {
    height: auto;
    padding-bottom: 0px;
    z-index: 10;
    padding-left: 20px;
}

.ul-tree li.show>ul {
    display: block;
}

.layui-box1 {
    border: 6px #c8c8c8 solid;
    border-radius: 8px !important;
}

.layui-box1 .layui-layer-title {
    color: #00acf1;
    font-weight: 500;
    background: #f5f5f5;
    border: 0px;
}

.layui-box1 .layui-layer-setwin .layui-layer-close1 {
    background: url(../images/img5_03.png) center center no-repeat;
    width: 22px;
    height: 22px;
}

.content-iframe {
    padding: 10px 20px;
    padding-bottom: 20px;
}

.layui-box1 .layui-layer-content {
    background: #f5f5f5;
}

.table-s1 td {
    padding: 20px 8px !important;
}

.ul-treesa ul>li:last-child:before {
    top: 6px;
}

.ul-treesa ul>li:last-child label {
    position: relative;
    top: 5px;
}

.table-1s2 {
    width: 220px;
    margin: 0px auto;
}

.table-1s2 th {
    padding: 15px 8px !important;
}

.table-1s2>thead>tr>th {
    border-bottom: 2px solid #d4d4d4;
}

.fh-city:before {
    background: url(../images/img5_03b.png) center center no-repeat !important;
}

.table-1s3 th:nth-child(1) {
    width: 30%;
}

.table-1s3 th:nth-child(2) {
    width: 40%;
}

.table-1s3 td {
    text-align: center;
}

.table-1s3 td select {
    width: 60%;
}

.buts1 {
    font-size: 0px;
}

.buts1 a {
    border: 1px #4fa1a4 solid;
    border-radius: 6px;
    padding: 7px 12px;
    display: inline-block;
    font-size: 14px;
}

.buts1 a:nth-child(1) {
    border-radius: 8px 0px 0px 8px;
    border-right: 0px;
}

.buts1 a:nth-child(2) {
    border-radius: 0px 8px 8px 0px;
    border-left: 0px;
}

.buts1 a:hover,
.buts1 a.current {
    background: #4fa1a4;
    color: #fff;
}

.input_txt1 {
    border-radius: 8px;
    box-shadow: 0px 0px 0px;
    background: #f5f5f5;
    height: 32px;
    line-height: 32px;
    margin: 0px 4px;
    display: inline-block;
}

.fh-phone:before {
    background: url(../images/img7_03.png) center center no-repeat !important;
}

.box_jd {
    border-bottom: 1px #9dd5eb solid;
    padding-bottom: 20px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.box_jd .table_more {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -42px;
    margin-top: auto;
}

.box_jd p {
    font-size: 18px;
    color: #00aaeb;
    text-align: center;
    font-weight: 500;
}

.box_a1 {
    display: block !important;
    margin-top: 10px;
    /*position: relative;
    height: 20px;
    margin-bottom: 20px;*/
    z-index: 10;
    height: 52px;
    overflow-x: auto;
}

.box_a1 .not-wrap:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 5px;
    bottom: 46px;
    border-top: 1px #ccc dashed;
}

.box_a1 .not-wrap:before {
    content: "";
    position: absolute;
    right: 2px;
    bottom: 37px;
    background: url(../images/img_8_03.png);
    width: 18px;
    height: 20px;
}

.box_a1 a {
    font-size: 14px;
    color: #373737;
    position: relative;
    margin-left: 10px;
    margin-right: 25px;
    z-index: 10;
}

.box_a1 a:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -10px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #c8c8c8;
}

.box_a1 a.current {
    color: #00aaeb;
}

.box_a1 a.current:before {
    background: #00aaeb;
}

.table-1s4 tbody tr:nth-child(2) {
    display: none;
}

.table-1s4 tbody tr:nth-child(2) td {
    border-top: 1px #9dd5eb solid;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.table-1s4 tr td:nth-child(3) {
    position: relative;
    text-align: center;
}

.b_1 {
    position: absolute;
    left: 50%;
    bottom: 0px;
    border-bottom: 7px #00aaeb solid;
    border-left: 5px transparent solid;
    border-right: 5px transparent solid;
    border-top: 5px transparent solid;
    display: none;
}

.table-1s4 tbody>tr>td {
    border: 0px;
}

.span_1 {
    color: #4fa1a4;
    cursor: pointer;
    text-decoration: underline;
}

.table-1s4 tbody.current .b_1 {
    display: block;
}

.table-1s4 tbody.current td,
.table-1s4 tbody.current th {
    background: #ebebeb;
}

.table-1s4 tbody.current tr:nth-child(2) {
    display: table-row;
}

.table-1s4 tbody.current .table_more {
    background: url(../images/img4_19.png);
}

.table_more.current {
    background: url(../images/img4_19.png);
}

.table-1s4 tbody.current .box_jd {
    border-bottom: 10px #f5f5f5 solid;
    position: relative;
}

.table-1s4 tbody.current .box_jd:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #9dd5eb;
}

.table-1s4>tbody+tbody {
    border-top: 1px #ddd solid;
}

.table-1s4>tbody:last-child {
    border-bottom: 1px #ddd solid;
}

.table-1s4 tbody.current {
    border-bottom: 0px;
}

.p_2 {
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    float: left;
    padding-right: 30px;
}

.table-1s4 td {
    position: relative;
}

.img_c1 {
    position: absolute;
    right: 5px;
    cursor: pointer;
}

.show_qd {
    border-radius: 10px;
    background: #e1e1e1;
    height: 280px;
    padding: 20px;
}

.show_qd .row p {
    color: #00aaeb;
    font-size: 18px;
}

.show_qd .row a {
    margin-top: 20px;
    height: 54px;
    width: 54px;
    line-height: 54px;
    border-radius: 54px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #00aaeb;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.show_qd .col-md-4:nth-child(2) a {
    margin: 0px 10px;
    margin-top: 20px;
}

.show_qd .col-md-4:nth-child(2) img {
    margin: 0px 10px;
    margin-top: 20px;
}

.box_jdb {
    background: #f5f5f5;
    margin-top: 20px;
    border: 1px #dfdfdf solid;
    border-radius: 8px;
}

.div_input_1 {
    padding: 10px 0px;
}

.div_input_1 input {
    display: inline-block;
    border-radius: 8px;
}

.div_input_1 input:nth-child(1) {
    width: 130px;
    margin-left: 10px;
    margin-right: 5px;
}

.div_input_1 input:nth-child(2) {
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
}

.div_input_1 p {
    font-size: 12px;
    color: #373737;
    padding-top: 0px;
    padding-left: 8px;
}

.padtb-5 {
    padding: 5px 0px;
}

.area1 {
    border: 1px #e6e6e6 solid;
    border-radius: 8px;
    display: block;
    width: 100%;
    background: #f5f5f5;
    padding: 10px;
}

.fh-fysm:before {
    background: url(../images/img_10_23.png) no-repeat !important;
}

.search_box1 {
    width: 360px;
    margin-bottom: 15px;
}

.search_box1 input {
    width: 300px;
    height: 34px;
    line-height: 34px;
    border: 1px #4fa1a4 solid;
    border-radius: 8px 0px 0px 8px;
    float: left;
    text-indent: 10px;
}

.search_box1 button {
    border-radius: 0px 8px 8px 0px;
    padding: 7px 22px;
}

.margin_b20 {
    margin-bottom: 20px;
}

.relative {
    position: relative;
}

.p_3 {
    position: absolute;
    left: 144px;
    top: 14px;
}

.cert-listb {
    white-space: nowrap;
    font-size: 0px;
}

.cert-listb li {
    display: inline-block;
    font-size: 14px;
}

.box_zz .bd-gray2 {
    overflow-x: auto;
    display: none;
    margin-top: 10px;
}

.box_zz .bd-gray2:first-child {
    display: block;
    margin-top: 0px;
}

#container {
    display: block;
}

.box_imgupload {
    display: block;
    border: 1px #e6e6e6 solid;
    height: 290px;
    width: 360px;
}

.box_imgupload img {
    width: 358px;
    border-bottom: 1px #e6e6e6 solid;
    height: 237px;
}

.box_imgupload p {
    float: left;
    padding: 10px 10px 0px 10px;
    width: 113px;
}

.box_imgupload .license-btn {
    width: 230px;
    margin-top: 5px;
}

.box_imguploadb {
    display: block;
    position: relative;
}

.box_imguploadb p {
    float: left;
    display: inline;
}

.box_imguploadb .span1 {
    position: relative;
    margin-left: 10px;
    margin-right: 20px;
    width: 150px;
    height: 215px;
    border: 1px #ccc solid;
    display: inline-block;
    float: left;
}

.box_imguploadb .span1 img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.box_imguploadb .license-btn {
    display: inline-block;
}

.w15 {
    width: 15%;
}

.content_text {
    color: #373737;
    line-height: 1.5;
}

.operate-btns .fb-release:before {
    background-position: 0 -1539px;
}


/*.fh-msg:before {
    width: 20px;
    height: 20px;
    background: url(../images/img_13_07.png) center center no-repeat !important;
}*/

.search_box1sa {
    width: 260px;
    /*margin-left: 22px;*/
    margin-top: 20px;
}

.search_box1sa input {
    width: 200px;
}

.h2_1s1 {
    text-align: center;
    padding: 0px 0px;
}

.ul-treesb input {
    margin-left: 0px !important;
}

.ul_msglist {
    margin: 20px 5%;
    position: relative;
    padding: 30px 0px;
}

.ul_msglist>p {
    position: absolute;
    left: 175px;
    top: 0px;
    border-left: 1px #4fa1a4 solid;
    bottom: 0px;
}

.ul_msglist li {
    padding-left: 195px;
    margin-bottom: 20px;
    position: relative;
}

.ul_msglist:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 0px;
    left: 172px;
    background: #4fa1a4;
    transform: rotate(45deg);
}

.ul_msglist:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    bottom: 0px;
    left: 172px;
    background: #4fa1a4;
    transform: rotate(45deg);
}

.ul_msglist .span1 {
    position: absolute;
    left: 0px;
    top: -14px;
    height: 30px;
    display: block;
    width: 175px;
}

.ul_msglist .span1:before {
    content: "";
    position: absolute;
    right: -7px;
    bottom: -4px;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background: #4fa1a4;
    border: 1px #fff solid;
}

.ul_msglist li>div {
    display: block;
    padding: 14px 30px;
    background: #eef0f2;
    border: 1px #e7e7e7 solid;
}

.ul_msglist h2 {
    color: #373737;
    font-size: 18px;
}

.ul_msglist .from-button {
    margin-top: -23px;
    background: #fff;
}

.ul_msglist li p {
    padding-top: 15px;
}

.ul_msglist .p1 {
    color: #838383;
}

.ul_msglist .p1 b {
    width: 120px;
    display: inline-block;
}

.b_type1 {
    color: #f00220;
}

.b_type2 {
    color: #ff7202;
}

.b_type3 {
    color: #fdd280;
}

.ul_msglist .span1 b {
    color: #4fa1a4;
    font-size: 22px;
    padding: 0px 20px;
    padding-left: 5px;
    margin-left: 15px;
    border-bottom: 1px #4fa1a4 solid;
}

.ul_msglist li.ready .span1 b {
    border-bottom-color: #c8c8c8;
    color: #c8c8c8;
}

.ul_msglist li.ready .span1:before {
    background: #c8c8c8;
}

.ul_msglist li.ready>div {
    background: #f0f0f0;
}

.ul_msglist .con_1 {
    display: none;
}

.ul_msglist li.show .con_1 {
    display: block;
}

.fh-ddsp:before {
    width: 20px;
    height: 20px;
    background: url(../images/img_14_07.png) center center no-repeat !important;
}

.fh-jbsl:before {
    width: 20px;
    height: 20px;
    background: url(../images/img_14_03.png) center center no-repeat !important;
}

.table-1c td {
    position: relative;
}

.table-1c tr td:nth-child(2) {
    padding-left: 33px !important;
}

.table-1c .img_cs {
    position: absolute;
    left: 4px;
    top: 20px;
    cursor: pointer;
}

.table-1c .p_4 {
    font-weight: bold;
}

.table-1c .b_3 {
    color: #4aa8e5;
    display: block;
}

.table-1c .b_4 {
    display: block;
}

.table-1c .i_3 {
    font-style: inherit;
}

.span_input_num {
    width: 120px;
    height: 34px;
    border: 1px #ccc solid;
    border-radius: 8px;
    display: block;
    position: relative;
}

.span_input_num input {
    margin-left: 30px;
    margin-right: 30px;
    border: 0px !important;
    display: block;
    width: 60px !important;
    text-align: right;
}

.span_input_num i.prev {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/img_15_14.png) center center no-repeat;
    cursor: pointer;
}

.span_input_num i.next {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/img_15_17.png) center center no-repeat;
    cursor: pointer;
}

.w_10 {
    width: 10%;
}

.url-treeb li.show>a>i {
    background: url(../images/img4_07b.png) no-repeat;
}

.url-treeb li>a>i {
    display: block;
    float: left;
    background: url(../images/img4_07.png) no-repeat;
    width: 30px;
    height: 26px;
    position: relative;
    left: 0;
    top: 2px;
}

.url-treeb li>a>i.last_i {
    background: url(../images/img_19_03.png) no-repeat center;
}

.url-treeb li>a>span {
    position: relative;
    top: 0;
    font-size: 14px;
    margin-left: 30px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.w_5 {
    width: 7%;
}

.delivery-infob ul:nth-child(1) {
    border-bottom: 1px #ccc solid;
}

.delivery-infob ul {
    padding: 5px 0px;
}

.delivery-infob ul li {
    width: 120px;
    padding: 0px !important;
}

.span_dj {
    color: #ff7202;
}

.td_sb_1 {
    font-size: 16px;
    font-weight: bold;
    color: #00aaeb;
}

.td_sb_2 {
    font-size: 14px;
    font-weight: bold;
    color: #f00220;
}

/*.url-treeb ul {
    margin-top: 0px !important;
}*/

.url-treeb ul li {
    padding-top: 0px;
}

.url-treeb ul li a {
    height: 30px;
    display: inline-block;
}

.url-treeb ul li ul {
    margin-left: 10px;
    margin-top: 0px !important;
}

.url-treeb li>ul>li {
    position: relative;
}

.url-treeb li>ul>li:last-child {
    border: 0px;
}

/*.url-treeb li>ul>li.end:after {
    content: "";
    position: absolute;
    top: -7px;
    left: -1px;
    width: 1px;
    height: 30px;
    background: #b5b2b2;
}*/

.url-treeb .a_l {
    position: relative;
}

/*.url-treeb .a_l:after {
    content: "";
    left: -23px;
    width: 1px;
    top: -7px;
    height: 21px;
    position: absolute;
    background: #b5b2b2;
}*/

.url-treeb ul>li:before {
    width: 19px;
}

/*.url-treeb .ulc a:before {
    width: 20px;
    height: 26px;
    content: "";
    background: url(../images/img_19_03.png) center center no-repeat;
}*/

.url-treeb ul.ulc a:before {
    display: inline-block;
    content: "";
    width: 17px;
    height: 13px;
    background: url(../images/img_19_03.png) no-repeat center;
}

/*.url-treeb .ulc li.show a:before {
    content: "";
    background: url(../images/img_19_03.png) center center no-repeat;
}*/

.fh-editb:before {
    width: 20px;
    height: 20px;
    background: url(../images/img_21_03.png) center center no-repeat !important;
}

.fh-pro:before {
    width: 20px;
    height: 20px;
    background: url(../images/img_20_11.png) center center no-repeat !important;
}

.b_s2 {
    font-size: 12px;
    font-weight: normal;
    color: #c0c0c0;
}

.row_s1 {
    margin-left: 67px;
    background: #ebebeb;
    border-radius: 8px;
    padding: 10px 20px;
}

.row_s1 .row {
    padding-bottom: 8px;
}

.pad_10 {
    padding: 5px 0px;
}

.box_add1 {
    padding: 13px;
    background: #fff;
    border: 1px #e3e3e3 solid;
}

.box_add1 h2 {
    padding-bottom: 5px;
    font-size: 14px;
    color: #00aaeb;
    padding-left: 4px;
}

.check-group-s1 label {
    margin-left: 0px;
    padding-right: 0px;
}

.bd-mains1 {
    border: 1px #e3e3e3 solid;
    padding: 15px;
    background: #f5f5f5;
}

.bd-mains1 .input-group-addon {
    background: #f5f5f5 !important;
}

.h2_s1 {
    color: #00aaeb;
}

.btn_addb {
    padding: 8px 15px;
    padding-left: 30px;
    margin-left: 30px;
}

.btn_addb:before {
    top: 12px;
}

.btn_addb:after {
    top: 17px;
}

.pad_b0 {
    padding-bottom: 0px !important;
}

.in_s {
    width: 95px;
    height: 34px;
    border-radius: 8px;
    border: 1px #ccc solid;
    text-align: center;
    background: #fff;
    margin-right: 5px;
}

.in_sr {
    text-align: right;
    padding: 0 10px;
}

.table-1d tbody td {
    border: 0px !important;
}

.table-1d tbody {
    border-bottom: 1px #ddd solid;
}

.table-1d tbody tr:nth-child(2) td:nth-child(2) {
    border-top: 1px #cce8f3 solid !important;
}

.p_s1 {
    text-align: center;
    color: #4fa1a4;
    padding-bottom: 4px;
}

.w130 {
    width: 160px;
}

.w130 input {
    color: #4fa1a4;
    border-radius: 8px;
}

.box_zz .bd-gray2:first-child {
    overflow-x: auto !important;
}

.scroll_1 {
    overflow: hidden;
    overflow-x: auto;
    height: 150px;
    margin: 0;
}

.ul_pro {
    float: left;
    white-space: nowrap;
}

.ul_pro li {
    font-size: 12px;
    display: inline-table;
    width: 311px;
    height: 135px;
    border: 1px #ccc solid;
    border-radius: 8px;
    padding: 10px 10px 5px;
    position: relative;
    margin-right: 10px;
    padding-left: 80px;
    text-align: left;
}

.ul_pro li>div {
    position: absolute;
    left: 15px;
    top: 15px;
}

.img_cs1 {
    width: 50px;
    height: 34px;
}

.img_ck1 {
    position: absolute;
    right: 0px;
    top: 17px;
    cursor: pointer;
}

.ul_pro label {
    display: block;
    margin-top: 10px;
}

.ul_pro b {
    font-size: 12px;
    font-style: normal;
}

.ul_pro b i {
    font-style: normal;
    color: #00aaeb;
    display: block;
}

.ul_pro p {
    font-size: 12px;
    white-space: normal;
}

.ul_pro p:first-of-type {
    padding-top: 5px;
}

.bd_s1 input {
    background: none;
}

.bd_s1 .input-group-addon,
.bd_s1 .city-picker-span {
    background: #f5f5f5;
}

.bd_s1 .bd-lft .input-group-addon {
    background: #fff;
}

.bor_l1 {
    border-left: 3px #d7d7d7 solid;
}

.a_s1,
.a_s1 a {
    display: block;
    position: relative;
    height: 140px;
    background: url(../images/img_20_07.png) 10px 10px no-repeat;
    line-height: 104px !important;
    text-indent: 45px;
    margin-right: 0 !important;
}

.a_s1 i {
    position: absolute;
    left: -27px;
    top: 46px;
    font-style: normal;
    line-height: 30px;
    color: #fff;
}

/* .a_s1:hover,
.a_s1.current, */

.a_s1:hover a,
.a_s1.active a {
    background: url(../images/img_20_03.png) 10px 10px no-repeat #4fa1a4 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
}


/* .a_s1.current i, */

.a_s1:hover i,
.a_s1.active i {
    color: #4fa1a4;
}

.h1_s1 {
    padding-top: 50px;
    font-size: 18px;
    color: #00aaeb;
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 20px;
}

.box_suc1 {
    text-align: center;
}

.a_l1 {
    color: #4fa1a4;
    text-decoration: underline;
    margin-right: 10px;
}

.a_l2 {
    color: #4fa1a4;
    text-decoration: underline;
    font-size: 18px;
}

.box_ti1 {
    display: block;
    padding: 15px 0px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 20px;
}

.box_ti1 h1 {
    margin: 0px auto;
    color: #00aaeb;
    font-weight: bold;
    font-size: 18px;
}

.box_ti1 h1 span {
    padding-left: 50px;
}

.box_form1 {
    width: 530px;
    margin: 0px auto;
}

.search_box2 {
    margin-bottom: 0px;
}

.search_box2 input {
    border: 1px #ccc solid;
}

.box_price {
    background: #ebebeb;
    border: 1px #e3e3e3 solid;
    padding: 20px 30px;
    border-radius: 8px;
}

.input-groups1 input {
    border-radius: 0px 0px 0px 0px !important;
    border-right: 0px;
    font-size: 18px;
    font-weight: bold;
}

.group-addons1 {
    padding: 6px 4px;
    background: #f5f5f5;
    width: 30px;
    border-radius: 0px 8px 8px 0px;
    border-left: 0px;
}

.box_showpr {
    position: relative;
    margin-top: 20px;
    display: block;
    padding: 20px 10px;
    border: 1px #00aaeb solid;
}

.box_showpr span {
    position: absolute;
    left: -1px;
    top: -13px;
    padding: 2px 8px;
    background: #ebebeb;
    padding-left: 2px;
}

.box_showpr p {
    text-align: right;
    font-size: 18px;
    color: #00aaeb;
    text-decoration: underline;
}

.input-disabled * {
    background: #e1e1e1;
}

.fb-bh:before {
    width: 20px;
    height: 20px;
    background: url(../images/img_22_03.png) center center no-repeat !important;
}

.fb-sp:before {
    width: 20px;
    height: 20px;
    background: url(../images/img_22_05.png) center center no-repeat !important;
}

.divle {
    width: 360px;
    height: 236px;
    float: left;
    margin-right: 20px;
    margin-left: 15px;
}

.divle img {
    border: 1px #ccc solid;
    width: 360px;
    height: 238px;
}

.divre .p_1 {
    padding: 10px 0px;
}

.divre .license-btn {
    width: 200px;
    margin-bottom: 20px;
}

.divre img {
    float: left;
    margin-right: 15px;
}

.divre p {
    font-size: 12px;
    color: #373737;
}

.w_14b {
    width: 14%;
}

.w_30b {
    width: 30%;
}

.popup-btnb .layui-layer-btn0:before {
    background-position: 0 -40px !important;
}

.popup-btnc .layui-layer-btn0:before {
    background-position: 0 -179px !important;
}

.popup-btnc .layui-layer-btn1:before {
    background-position: 0 -40px !important;
}

.popup-btnd .layui-layer-btn1:before {
    background-position: 0 0px !important;
    background: url(../images/im_1_03.png) no-repeat !important;
}

.p_u1 {
    padding-top: 20px;
    text-indent: 2em;
    text-align: left;
}

.div_dsc {
    text-align: left;
}

.div_dsc label {
    width: 170px;
    padding-bottom: 10px;
}

.tf_red {
    color: #f00220;
}

.tf_bu {
    color: #4fa1a4;
}

.tf_bu2 {
    color: #00aaeb;
}

.tf_r2 {
    color: #ff7202;
}

.p_s3 {
    float: left;
    padding-top: 10px;
}

.p_s3 span {
    font-size: 16px;
}

.cert-manage .cert-item {
    float: none !important;
    display: inline-block;
}

.space {
    white-space: nowrap;
}

.cert-manage .cert-view .cert-list li {
    display: inline-block;
}

.fpart .cert-manage {
    white-space: nowrap;
}

.input_w1 {
    width: 200px;
    float: left;
    box-shadow: 0px 0px #fff;
    border-radius: 8px;
    background: #f5f5f5;
}

.cert-manage .cert-item {
    padding: 0px 11px;
}

.boxzs {
    width: 300px;
    height: 400px;
    border-radius: 8px;
    /*background: #ebebeb;
    box-shadow: 0px 0px 8px 1px rgba(103, 100, 100, 0.52);*/
    position: absolute;
    left: 5px;
    overflow: auto;
    top: 3px;
    padding: 20px 10px;
    border: 1px solid #00aaeb;
}

.p_s3 {
    padding-left: 20px;
    font-weight: bold;
}

.p_s4 {
    display: block;
    border-bottom: 1px #d4d4d4 solid;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.p_s4 span {
    width: 111px;
    display: inline-block;
}

.p_s4 b {
    width: 25px;
    border-bottom: 1px #00aaeb solid;
    display: inline-block;
    position: relative;
    top: -3px;
}

.p_s4 span:nth-child(3) i {
    background: #ff7202;
}

.p_s4 b:before {
    content: "";
    position: absolute;
    right: -6px;
    top: -3px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: transparent transparent transparent #00aaeb;
    border-style: dashed dashed dashed solid;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 8px;
}

.p_s4 span i {
    width: 23px;
    height: 23px;
    border-radius: 30px;
    background: #4fa1a4;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-style: normal;
    margin-right: 4px;
}

.p_s4 span:nth-child(3) i {
    margin-left: 10px;
}

.p_s5 {
    padding-bottom: 10px;
}

.p_s5 i {
    display: inline-block;
    width: 85px;
    color: #bcbcbc;
    font-style: normal;
}

.p_s5 span {
    display: inline-block;
    min-width: 6rem;
    color: #bcbcbc;
}

.table-1e {
    margin-top: 10px;
    border-top: 2px #d4d4d4 solid;
}

.table-1e td {
    background: #ebebeb;
    cursor: pointer;
    padding: 15px 0px !important;
}

.table-1e tr {
    border-bottom: 1px #d4d4d4 solid !important;
}

.table-1e tr td:nth-child(1) {
    text-align: center;
    width: 90px;
}

.p_cu1.show {
    color: #00aaeb;
}

.table-1f th {
    border: 0px !important;
    background: #00acf1;
    border-bottom: 1px #00acf1 solid;
    color: #fff;
    font-weight: normal;
}

.table-1f td {
    padding: 15px !important;
}

.table-1f tbody tr {
    border-bottom: 1px #e6e6e6 solid;
}

.span_sh {
    display: inline-block;
    border: 1px #fb8333 solid;
    border-radius: 8px;
    padding: 6px;
    cursor: pointer;
    width: 140px;
    margin-left: 20px;
}

.span_sh b {
    color: #fb7922;
    font-weight: bold;
    padding-left: 22px;
    position: relative;
    display: block;
}

.span_sh p {
    color: #fb7922;
    padding-top: 8px;
    padding-left: 5px;
    position: relative;
    display: inline-block;
}

.span_sh p:after {
    content: "";
    position: absolute;
    right: -20px;
    border-width: 5px;
    top: 13px;
    border-color: transparent transparent transparent #fb7922;
    border-style: dashed dashed dashed solid;
}

.p_b2 {
    width: 70px;
    border-top: 1px #b7b7b7 solid;
    position: relative;
    display: inline-block;
    top: -20px;
    margin-left: 20px;
}

.p_b2:after {
    content: "";
    width: 0px;
    height: 0px;
    border-width: 3px;
    border-left-width: 6px;
    position: absolute;
    right: -8px;
    top: -4px;
    border-color: transparent transparent transparent #b7b7b7;
    border-style: dashed dashed dashed solid;
}

.div_sh1 {
    display: inline-block;
    border: 1px #e9e9e9 solid;
    background: #fff;
    border-radius: 8px;
    min-width: 160px;
    padding: 10px;
    float: left;
}

.div_sh1 p {
    font-size: 14px;
    color: #d5d5d5;
    text-align: right;
    clear: both;
}

.div_sh1 p i {
    display: inline-block;
    min-width: 4rem;
    padding-right: 8px;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    color: #373737;
    float: left;
}

.span_sh b:before {
    content: "";
    width: 24px;
    height: 20px;
    display: inline-block;
    left: 0px;
    top: 0px;
    position: absolute;
    background: url(../images/img_u1_07.png) center left no-repeat;
}

.span_sha {
    border-color: #3a599a;
}

.span_sha b {
    color: #3a599a;
}

.span_sha p {
    color: #3a599a;
}

.span_sha p:after {
    border-left-color: #3a599a;
}

.span_sha b:before {
    background: url(../images/img_u1_11.png) center left no-repeat;
}

.span_shb {
    border-color: #42aae1;
}

.span_shb b {
    color: #42aae1;
}

.span_shb p {
    color: #42aae1;
}

.span_shb p:after {
    border-left-color: #42aae1;
}

.span_shb b:before {
    background: url(../images/img_u1_15.png) center left no-repeat;
}

.span_shc {
    border-color: #42aae1;
}

.span_shc b {
    color: #42aae1;
}

.span_shc p {
    color: #42aae1;
}

.span_shc p:after {
    border-left-color: #42aae1;
}

.span_shc b:before {
    background: url(../images/img_u1_18.png) center left no-repeat;
}

.div_sh1p i {
    width: 105px;
}

.div_sh1b {
    float: left;
    margin-left: 20px;
}

.div_sh1b p {
    font-weight: bold;
    color: #373737;
    text-align: left;
}

.div_sh1b i {
    font-size: 12px !important;
    font-weight: normal;
}

.div_sh1b a,
.div_sh2 a {
    display: block;
    color: #00aaeb;
    text-decoration: underline;
    margin-left: 68px;
}

.div_shd {
    min-width: 220px;
}

.div_shd i {
    min-width: 110px;
}

.span_she {
    border-color: #ea4c89;
}

.span_she b {
    color: #ea4c89;
    padding-left: 26px;
}

.span_she p {
    color: #ea4c89;
}

.span_she p:after {
    border-left-color: #ea4c89;
}

.span_she b:before {
    width: 26px;
    height: 26px;
    background: url(../images/img_u1_24.png) center left no-repeat;
}

.span_shf b:before {
    height: 20px;
    height: 20px;
    background: url(../images/img_u1_25.png) center left no-repeat;
}

.table-1f tbody tr:last-child {
    border: 0px;
}

.div_sh2 {
    border: 1px #e9e9e9 solid;
    border-radius: 8px;
    background: #fff;
    margin-left: 15px;
    padding: 10px;
    display: inline-block;
    text-align: left;
}

.div_sh2 img {
    padding: 2px;
    background: #fff;
    border: 1px #e9e9e9 solid;
    margin-left: 58px;
    margin-top: 5px;
}

.div_sh2 span {
    padding: 8px 10px;
    border: 1px #93c5c7 solid;
    background: #fff;
    color: #93c5c7;
    cursor: pointer;
    border-radius: 8px;
    position: relative;
    top: -10px;
    margin-left: 8px;
}

.div_sh2n {
    padding: 0 10px;
    border: 0;
    background: none;
}

.div_sh2n img {
    margin-left: 0;
}

.fh-wlqk:before {
    background: url(../images/img_u1_03.png) center center no-repeat !important;
}

.span_ud1 {
    text-decoration: underline;
}

.valtop {
    vertical-align: top !important;
}

.span_y1 {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 26px;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 30px;
    background: #00aaeb;
    color: #fff;
}

.span_g1 {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border-radius: 26px;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 87px;
    background: #00aaeb;
    color: #fff;
}

.chart {
    left: 340px;
    position: relative;
    margin-top: 30px;
}

.chart.chart-centre {
    overflow: hidden;
    margin: 0 auto;
    width: 480px;
}

.chart.chart-centre .chart-item span {
    margin-top: 12px;
}

.chart .chart-ladder {
    position: relative;
    height: 215px;
}

.chart .chart-ladder.active .chart-type {
    left: -165px;
}

.chart .chart-ladder.active .chart-center {
    display: block;
    padding-top: 30px;
}

.chart .chart-ladder.active .chart-left:before {
    display: none;
}

.chart .chart-left {
    position: absolute;
    cursor: pointer;
}

.chart .chart-left:before {
    position: absolute;
    top: 65px;
    left: -90px;
    z-index: 1;
    content: '';
    display: block;
    width: 60px;
    height: 15px;
    background: url(../images/rack.gif) no-repeat;
}

.chart .chart-left .chart-type {
    position: relative;
    font-size: 18px;
    z-index: 2;
    display: block;
    padding-top: 18px;
    background-color: #86b8bc;
    border-radius: 69px 0 0 69px;
    width: 160px;
    height: 138px;
    text-align: center;
    color: #fff;
}

.chart .chart-left .chart-type .chart-status {
    display: block;
    padding-top: 30px;
    font-size: 14px;
}

.chart .chart-center {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    font-size: 14px;
    float: left;
    display: none;
    width: 160px;
    height: 138px;
}

.chart .chart-center .chart-center-top,
.chart .chart-center .chart-center-bottom {
    margin-top: 10px;
    margin-bottom: 10px;
}

.chart .chart-center .chart-center-top .label,
.chart .chart-center .chart-center-bottom .label {
    float: left;
}

.chart .chart-center .chart-center-top div,
.chart .chart-center .chart-center-bottom div {
    float: left;
    width: 104px;
    word-wrap: break-word;
    word-break: normal;
}

.chart .chart-right>.chart-item {
    background: #ebebeb;
}

.chart .chart-right.active:after {
    background-position: 0 -93px;
}

.chart .right-tabel {
    width: 412px !important;
    min-height: 200px;
    max-height: 660px;
    position: absolute;
    top: 270px;
    left: 418px;
    border: 1px solid #4aa8e5;
    padding: 18px;
    border-radius: 5px;
}

.chart .right-tabel .text-color-custom {
    margin-right: -4px;
}

.chart .right-tabel thead th {
    border: 1px solid #649fa3;
}

.chart .right-tabel thead th:first-child {
    border-radius: 8px 0 0 8px;
    border-right: none;
}

.chart .right-tabel thead th:last-child {
    border-radius: 0 8px 8px 0;
    border-left: none;
}

.chart .right-tabel thead th[colspan='2'] {
    width: 50%;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    padding: 0;
    color: #649fa3;
    font-size: 14px;
    margin-bottom: 20px;
}

.chart .right-tabel tbody tr:first-child {
    height: 24px;
    line-height: 24px;
    position: relative;
}

.chart .right-tabel tbody tr:first-child td .fbtn {
    position: relative;
    width: 93px;
    text-align: center;
    float: left;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    border: 1px solid #649fa3;
    color: #649fa3;
    margin: 10px 0;
    height: 24px;
    border-right: none;
    border-left: none;
}

.chart .right-tabel tbody tr:first-child td .fbtn.rack:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    color: #649fa3;
    border-width: 4px;
    border-top-width: 7px;
    border-color: #649fa3 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    top: 10px;
}

.chart .right-tabel tbody tr:first-child td .fbtn.rack:hover:after {
    border-top-color: #fff;
}

.chart .right-tabel tbody tr:first-child td .fbtn:hover,
.chart .right-tabel tbody tr:first-child td .fbtn.active {
    background-color: #649fa3;
    color: white;
}

.chart .right-tabel tbody tr:first-child td .fbtn:hover:after,
.chart .right-tabel tbody tr:first-child td .fbtn.active:after {
    color: #fff;
}

.chart .right-tabel tbody tr:first-child td .fbtn.rack.active+.more {
    display: block;
}

.chart .right-tabel tbody tr:first-child td .more {
    display: none;
    position: absolute;
    padding: 0 10px;
    top: 100px;
    width: 93px;
    line-height: 24px;
    border: 1px solid #649fa3;
    color: #649fa3;
    background: #fff;
    opacity: 0.8;
    border-radius: 8px;
}

.chart .right-tabel tbody tr:first-child td .more p {
    cursor: pointer;
    border-top: 1px solid #649fa3;
}

.chart .right-tabel tbody tr:first-child td .more p:first-child {
    border-top: none;
}

.chart .right-tabel tbody tr:first-child td .more p:hover {
    color: #4cabeb;
}

.chart .chart-right {
    position: absolute;
    overflow: visible;
    margin-left: 164px;
    width: 620px;
}

.chart .chart-right:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -68px;
    width: 10px;
    height: 50px;
    background: url(../images/round.png) no-repeat;
}

.chart .chart-right .icon-toggle {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    background: #fff;
    z-index: 2;
    border: 2px #4cabeb solid;
    border-radius: 50%;
    display: inline-block;
    left: 28px;
    top: 168px;
}

.chart .chart-right .icon-toggle:after {
    content: "";
    position: absolute;
    left: 4px;
    width: 13px;
    height: 2px;
    top: 9px;
    background: #4cabeb;
}

.chart .chart-right .icon-toggle:before {
    content: "";
    position: absolute;
    background: #4cabeb;
    left: 9px;
    width: 2px;
    height: 13px;
    top: 4px;
}

.chart .chart-right .icon-toggle.hiddens:after {
    content: "";
    left: 4px;
    width: 12px;
}

.chart .chart-right .icon-toggle.hiddens:before {
    display: none;
}

.chart .chart-right .bor-line-1 {
    position: absolute;
    width: 460px;
    padding: 0px;
    margin: 0px;
    left: 0;
    top: 178px;
    height: 2px;
    background: #4aa8e5;
}

.chart .chart-right .bor-line-1:before {
    content: "";
    position: absolute;
    right: 0px;
    height: 30px;
    width: 2px;
    background: #4aa8e5;
}

.chart .chart-right .bor-line-1:after {
    content: "";
    position: absolute;
    background: #4aa8e5;
    right: -4px;
    top: 25px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.chart .chart-right .chart-item {
    padding: 10px 5px 10px 25px;
    border: 3px solid #86b8bc;
    border-radius: 0 69px 69px 0;
    width: 250px;
    height: 138px;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
}

.chart .chart-right .chart-item .chart-show {
    text-align: left;
    float: left;
}

.chart .chart-right .chart-item span {
    display: inline-block;
    margin-bottom: 2px;
}

.chart .chart-right .chart-item dl {
    margin: 0;
    min-height: 60px;
}

.chart .chart-right .chart-item dl dt {
    text-align: left;
}

.chart .chart-right .chart-item a {
    color: #28a3ac;
    text-decoration: underline;
}

.chart .chart-right .chart-item.active {
    border-color: rgba(74, 168, 229, 0.2);
}

.chart .chart-right .chart-item.active:before {
    background-position: 0 -227px;
}

.chart .chart-right .chart-item.active a {
    color: #4aa8e5;
}

.chart.chart-has-pop .chart-left {
    width: 105px;
    cursor: pointer;
}

.chart.chart-has-pop .chart-right {
    margin-left: 105px;
    width: 715px;
}

.chart.chart-r-item-long .chart-right .chart-item {
    margin-right: 30px;
    width: 280px;
}

.chart .chart-pop {
    position: absolute;
    top: 0;
    right: 190px;
    border-radius: 10px;
    width: 305px;
    height: 900px;
    background: #f3f7fb;
    -webkit-box-shadow: -1px 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 10px rgba(0, 0, 0, 0.2);
}

.chart .chart-pop.h1020 {
    height: 1020px;
}

.chart .chart-pop.h800 {
    height: 800px;
}

.chart .chart-pop .btn-close {
    position: absolute;
    top: 5px;
    right: 20px;
    display: block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    background: rgba(74, 168, 229, 0.5);
}

.chart .chart-pop .chart-pop-title {
    padding: 0 80px 0 30px;
    height: 40px;
    line-height: 40px;
}

.chart .chart-pop .chart-pop-title h3 {
    float: left;
    margin: 0;
    font-size: 16px;
    color: #4aa8e5;
}

.chart .chart-pop .chart-pop-title span {
    float: right;
    font-size: 12px;
}

.chart .chart-pop .chart-pop-title span em {
    font-size: 16px;
    color: #4aa8e5;
    font-style: normal;
}

.chart .chart-pop .chart-pop-card {
    position: relative;
    margin-left: -13px;
    padding: 13px 45px;
    border-radius: 5px 5px 0 0;
    width: 331px;
    height: 120px;
    color: #fff;
    background: #4aa8e5;
}

.chart .chart-pop .chart-pop-card:before,
.chart .chart-pop .chart-pop-card:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -26px;
    border: 6px solid transparent;
    border-width: 13px 0 13px 13px;
    border-top-color: #217bba;
    width: 0;
    height: 0;
}

.chart .chart-pop .chart-pop-card:after {
    left: auto;
    right: 0;
    border-width: 13px 13px 13px 0;
}

.chart .chart-pop .chart-pop-card .chart-popbtn-left,
.chart .chart-pop .chart-pop-card .chart-popbtn-right {
    position: absolute;
    left: 5px;
    top: 47px;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/warehouse.png) no-repeat 0 0/70px 300px;
    background-position: 0 -197px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx),
(min-resolution: 192dpi) {
    .chart .chart-pop .chart-pop-card .chart-popbtn-left,
    .chart .chart-pop .chart-pop-card .chart-popbtn-right {
        background-image: url(../images/warehouse@2x.png);
    }
}

.chart .chart-pop .chart-pop-card .chart-popbtn-right {
    left: auto;
    right: 5px;
    background-position: -30px -197px;
}

.chart .chart-pop .chart-pop-card P {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

.chart .chart-pop .chart-pop-show {
    padding: 10px 20px;
    font-size: 12px;
    line-height: 18px;
}

.chart .chart-pop .chart-pop-item {
    padding: 15px 0;
}

.chart .chart-pop .chart-pop-item .pro-pic {
    margin-left: 0;
}

.chart .chart-pop .chart-pop-item+.chart-pop-item {
    border-top: 1px solid rgba(60, 70, 78, 0.2);
}

.layui-s .row {
    padding-bottom: 5px;
}

.itable-thead-13px th {
    border: 0px !important;
    text-align: center;
}

.itable-thead-13px td {
    padding: 12px 0px;
    border-bottom: 1px #ddd solid;
}

.chart .right-tabel {
    z-index: 111;
    overflow-y: auto;
    background: #fff;
}

.chart .right-tabel tbody tr:first-child td .fbtn {
    cursor: pointer;
}

.span_u1 {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #649fa3;
    border-radius: 8px 0px 0px 8px;
    border: 1px #649fa3 solid;
}

.span_u2 {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #649fa3;
    border-radius: 0px 8px 8px 0px;
    border: 1px #649fa3 solid;
    border-left: 0px;
}

.span_u1.current,
.span_u2.current,
.span_u1:hover,
.span_u2:hover {
    background: #649fa3;
    color: #fff;
}

.fb-suc:before {
    width: 23px;
    height: 24px;
    background: url(../images/s_2_03.png) center center no-repeat !important;
}

.fb-cen:before {
    width: 23px;
    height: 24px;
    background: url(../images/s_2_05.png) center center no-repeat !important;
}

.red-buttons {
    border: 1px #dc322e solid;
}

.input-disabledb .form-control,
.input-disabledb .input-group-addon {
    background: #dcedf4 !important;
    columns: #333;
}

.box_tabc {
    display: block;
}

.box_tabc>p {
    border-bottom: 1px #00aaeb solid;
    text-align: right;
    display: block;
    height: 26px;
}

.a_su1 {
    padding: 6px 8px 6px 24px;
    background: #00aaeb;
    color: #fff;
    position: relative;
}

.a_su1:hover,
.a_su1:active {
    color: #fff;
}

.a_su1:before {
    content: "";
    width: 20px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/s_1_03.png) center center no-repeat;
    transform: rotateX(180deg);
}

.box_s1 {
    height: 0px;
    overflow: hidden;
}

.box_tabc.cur .box_s1 {
    height: auto;
    border-bottom: 1px #00aaeb solid;
    overflow: visible;
}

.box_tabc.cur .a_su1:before {
    transform: rotateX(0deg);
}

.tbm {
    margin-top: 15px;
}

.span_u3 {
    color: #4fa1a4;
    text-decoration: underline;
}

.b_n1 {
    color: #4fa1a4;
    font-size: 18px;
}

.buts {
    width: 75px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    border: 1px #ddd solid;
    display: inline-block;
}

.buts:hover {
    background: #4fa1a4;
    border: 1px #4fa1a4 solid;
    color: #fff;
}

.buts_x {
    border-color: #00aaeb;
    color: #00aaeb;
}

.buts_x:hover {
    border-color: #00aaeb;
    background: #00aaeb;
    color: #fff;
}

.buts_j {
    border-color: #4fa1a4;
    color: #4fa1a4;
}

.buts_j:hover {
    border-color: #4fa1a4;
    background: #4fa1a4;
    color: #fff;
}

.buts_c {
    border-color: #ff0220;
    color: #ff0220;
}

.buts_c:hover {
    border-color: #ff0220;
    background: #ff0220;
    color: #fff;
}

.buts_q {
    border-color: #ff7202;
    color: #ff7202;
}

.buts_q:hover {
    border-color: #ff7202;
    background: #ff7202;
    color: #fff;
}

.table-s1 {
    margin: 0px 20px;
}

.fh-wlxx:before {
    width: 25px;
    height: 25px;
    background: url(../images/u_3_03.png) center center no-repeat !important;
}

.group_adds1 .city-picker-span {
    background: #f5f5f5;
}

.box_num {
    display: inline-block;
    width: 180px;
    position: absolute;
    left: 520px;
    top: 0px;
}

.box_num .two {
    border-radius: 0px 8px 8px 0px;
    border-left: 0px;
}

.box_num i {
    font-style: normal;
    font-size: 12px;
}

.i_1 {
    position: absolute;
    left: 38%;
    top: 0px;
}

.i_2 {
    position: absolute;
    right: 2px;
    top: 0px;
}

.td_s1 {
    color: #f08300;
}

.td_s2 {
    color: #f00220;
}

.table-1u tbody tr {
    border-bottom: 1px #ccc solid !important;
}

.table-1u tbody tr td {
    padding-top: 20px !important;
}

.table-1u tbody tr td:nth-child(2) {
    padding-left: 30px;
    position: relative;
    padding-bottom: 20px !important;
}

.table-1u .img_cs {
    position: absolute;
    left: 0px;
    top: 20px;
}

.table-1u .p_6 {
    font-weight: bold;
    color: #333;
}

.table-1u .p_7 {
    color: #00aaeb;
    display: block;
}

.table-1u .p_8 {
    display: block;
    font-weight: bold;
}

.table-1u .p_9 {
    font-size: 12px;
    color: #333;
}

.bdrgtm {
    border-right: 2px #00aaeb solid;
    padding-right: 20px;
}

.left-treeb {
    width: 322px;
    background: #ebebeb;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 1px rgba(103, 100, 100, 0.52);
    position: relative;
    left: 5px;
    top: 3px;
    padding: 20px 30px;
}

.left-treeb:after {
    content: "";
    clear: both;
    display: block;
}

.box_du {
    display: block;
    background: #fff;
    border: 1px #00aaeb solid;
    padding: 5px;
}

.box_du p {
    padding-top: 5px;
}

.box_du .p_1 b {
    font-size: 20px;
    color: #00aaeb;
}

.box_du .p_2b {
    padding-bottom: 10px;
    display: block;
    clear: both;
}

.box_du .p_2b b {
    width: 120px;
    text-align: right;
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
}

.box_du .box_showpr span {
    background: #fff;
}

.box_du .box_showpr p {
    text-align: left;
}

.box_du .box_showpr {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}


/*.bd-rgt {
    min-height: 800px;
}*/

.p_i1 {
    padding-top: 13px;
    padding-bottom: 4px;
}

.forin1 {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

.inp_dw1 {
    position: relative;
    display: block;
}

.inp_dw1 span {
    position: absolute;
    right: 5px;
    top: 2px;
    line-height: 30px;
}

.inp_dw1 input {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    padding-right: 20px;
}

.box_showpr_s1 {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px #ccc solid;
}

.box_showpr_s1 p {
    text-align: left;
}

.from-s1 {
    margin-top: 20px;
}

.h2_s3 {
    font-size: 18px;
    color: #00aaeb;
    padding-left: 8px;
    padding-top: 25px;
    padding-bottom: 13px;
}

.ul_ts1 {
    display: block;
    margin-left: 8px;
    border-top: 1px #ccc solid;
    margin-right: 5px;
}

.ul_ts1 li {
    padding: 12px 30px;
    border-bottom: 1px #ccc solid;
}

.ul_ts1 h3 {
    font-size: 22px;
    font-weight: bold;
    display: block;
    padding-bottom: 4px;
}

.ul_ts1 p {
    padding-bottom: 5px;
}

.ul_ts1 p b {
    font-size: 24px;
    color: #00aaeb;
    font-weight: bold;
    padding-right: 5px;
}

.ul_ts1 p span {
    float: right;
    font-size: 22px;
    font-weight: bold;
}

.ul_ts1 p span i {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    padding-left: 10px;
}

.ul_ts1 p:nth-child(3) {
    text-align: left;
    font-size: 18px;
    color: #00aaeb;
    text-decoration: underline;
}

.h3_su1 {
    font-size: 14px;
    color: #00aaeb;
    padding-bottom: 18px;
    padding-top: 5px;
}

.martop20 {
    margin-top: 20px;
}

.ul_list3 {
    position: relative;
    margin-left: 7px;
    padding-left: 30px;
    border-left: 2px #86bdbf solid;
}

.ul_list3:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 6px;
    height: 6px;
    background: #86bdbf;
    transform: rotate(45deg);
}

.ul_list3:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: -4px;
    width: 6px;
    height: 6px;
    background: #86bdbf;
    transform: rotate(45deg);
}

.ul_list3 li {
    background: #ebebeb;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    margin-bottom: 20px;
}


/*.ul_list3 li.current:before {
    background: #4fa1a4;
}*/

.ul_list3 li:before {
    content: "";
    left: -39px;
    top: 30px;
    width: 16px;
    height: 16px;
    background: #c8c8c8;
    border: 2px #fff solid;
    border-radius: 10px;
    position: absolute;
}

.ul_list3 li.cur:before {
    border: 2px #fff solid;
    background: #4fa1a4;
}

.ul_list3 li:after {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    left: -8px;
    top: 30px;
    background: url(../images/u_5_11.png) left top no-repeat;
}

.ul_list3 h3 {
    font-size: 16px;
    color: #00aaeb;
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.icon-tog {
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: relative;
    background: #ebebeb;
    z-index: 2;
    border: 2px #4ec0eb solid;
    border-radius: 50%;
    margin-left: 20px;
    display: inline-block;
    top: 5px;
}

.icon-tog:before {
    content: "";
    opacity: 0;
    position: absolute;
    background: #4ec0eb;
    left: 8px;
    width: 2px;
    height: 11px;
    top: 4px;
}

.icon-tog:after {
    content: "";
    position: absolute;
    left: 4px;
    width: 11px;
    height: 2px;
    top: 8px;
    background: #4ec0eb;
}

.ul_list3 li.current .icon-tog:before {
    content: "";
    opacity: 1;
}

.p_i3 {
    color: #373737;
    padding-top: 5px;
    padding-bottom: 10px;
}

.p_i3 span {
    padding-left: 50px;
}

.p_i3 span .b1 {
    font-size: 24px;
    color: #00aaeb;
    font-weight: 400;
}

.p_i3 span .b2 {
    font-size: 24px;
    color: #f00220;
    font-weight: 400;
}

.p_i3 span .b3 {
    font-size: 24px;
    color: #373737;
    font-weight: 400;
}

.table-1t {
    border-top: 1px #4ec0eb solid;
    margin-top: 10px;
    background: #f5f5f5;
}

.table-1t th {
    padding: 16px 4px !important;
    border-bottom: 1px solid #ddd !important;
}

.table-1t td {
    padding: 15px 8px !important;
}

.table-1t td p {
    display: block;
    font-weight: 300;
    color: #4aa8e5;
}

.table-1t td b {
    display: block;
}

.table-1t tr td:nth-child(3) {
    text-align: left;
}

.table-1t tr td:nth-child(5) {
    text-align: left;
}

.table-1t tbody tr {
    border-bottom: 1px #ccc solid;
}

.table-1t tbody tr:last-child {
    border-bottom: 1px #4ec0eb solid;
}

.clearafter:after {
    content: "";
    display: block;
    clear: both;
}

.ul_list3 .box_us1 {
    display: none;
}

.ul_list3 li.current .box_us1 {
    display: block;
}

.h1_us3 {
    font-size: 16px;
    color: #00aaeb;
}

.bor_b1 {
    padding-bottom: 10px;
    border-bottom: 2px #00aaeb solid;
}

.mar10 {
    margin: 10px 0px;
}

.table-1t2 {
    border-top: 0px #ccc solid;
}

.table-1t2 th {
    border-bottom: 2px #ccc solid !important;
}

.table-1t2 tbody tr:last-child {
    border-bottom: 0px;
}

.tr_blue {
    color: #00aaeb;
}

.img_d1 {
    margin-right: 10px;
}

.tyy {
    background: #f0eeee;
    margin: 20px 0px;
    margin-left: 50px;
    margin-right: 50px;
    border: 1px #dcdcdc solid;
    border-radius: 8px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding-left: 20px;
}

.tyy span {
    color: #f00220;
}

.table_carb tbody.current tr:nth-child(2) {
    display: table-row;
}

.table_carb tbody tr:nth-child(2) {
    display: none;
}

.table_carb tbody {
    border-bottom: 1px #ccc solid;
}

.table-1o td {
    padding: 15px 0px !important;
}

.table-1o .star {
    font-size: 16px;
}

.from-bust1 {
    position: absolute;
    top: 16px;
    margin-left: 20px;
}

.fh-pzqd:before {
    width: 25px;
    height: 25px;
    background: url(../images/u_i5_03.png) center center no-repeat !important;
}

.pad15 {
    padding: 0px 15px;
}

.martop10 {
    margin-top: 10px;
}

.rowsu1 .row {
    padding-bottom: 15px;
}

.bort2 {
    border-top: 2px #4aa8e5 solid;
}

.tdroute_r span {
    color: #f00220 !important;
    border-bottom: 1px #f00220 solid !important;
}

.table_carb .td-route {
    color: #373737;
}

.table-s1 th {
    text-align: center;
}

.table-s1 td {
    text-align: center;
}

.table-s1 tr td:nth-child(3) {
    text-align: left;
}

.license_btn {
    width: 473px;
    border: 1px #4fa1a4 solid;
    border-radius: 8px;
    height: 34px;
    line-height: 34px;
    font-size: 0px;
}

.license_btn {
    width: 473px;
    border: 1px #4fa1a4 solid;
    border-radius: 8px;
    height: 34px;
    line-height: 32px;
    font-size: 0px;
    float: right;
    margin-top: 20px;
}

.license_btn span {
    width: 110px;
    display: inline-block;
    position: relative;
    color: #4fa1a4;
    cursor: pointer;
    padding-left: 45px;
    font-size: 14px;
    float: left;
    line-height: 32px;
}

.license_btn span {
    width: 110px;
    display: inline-block;
    position: relative;
    color: #4fa1a4;
    cursor: pointer;
    padding-left: 45px;
    font-size: 14px;
    float: left;
}

.license_btn span:nth-child(1) {
    border-radius: 8px 0px 0px 8px;
}

.license_btn span:last-child {
    width: 140px;
}

.license_btn span i {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 30px;
    font-style: normal;
    color: #4fa1a4;
}

.license_btn span:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: 2px;
}

.update-btn:before {
    background: url(../images/m1_21.png) center center no-repeat;
}

.save-btn:before {
    background: url(../images/m1_22.png) center center no-repeat;
}

.license_btn span.void-btn {
    color: #f00220;
}

.void-btn:before {
    background: url(../images/m1_23.png) center center no-repeat;
}

.sub-btn:before {
    background: url(../images/m1_24.png) center center no-repeat;
}

.show-btn:before {
    background: url(../images/m1_26.png) center center no-repeat;
}

.license_btn span:hover {
    background: #4fa1a4;
    color: #fff;
}

.license_btn span:last-child:hover {
    background: #4fa1a4;
    color: #fff;
    border-radius: 0px 8px 8px 0px;
}

.license_btn .update-btn:hover:before {
    background: url(../images/m1_07.png) center center no-repeat;
}

.license_btn .void-btn:hover:before {
    background: url(../images/m1_23b.png) center center no-repeat;
}

.license_btn .save-btn:hover:before {
    background: url(../images/m1_10.png) center center no-repeat;
}

.license_btn .sub-btn:hover:before {
    background: url(../images/m1_10.png) center center no-repeat;
}

.license_btn .show-btn:hover:before {
    background: url(../images/m1_10.png) center center no-repeat;
}

.license_btn .sub-btn:hover:before {
    background: url(../images/m1_24b.png) center center no-repeat;
}

.license_btn .show-btn:hover:before {
    background: url(../images/m1_26b.png) center center no-repeat;
}

.fly-btn:before {
    background: url(../images/m1_12.png) center center no-repeat;
}

.fly-btn {
    color: #00c8dc !important;
}

.license_btn span.fly-btn:hover {
    color: #fff !important;
}

.license_btn .fly-btn:hover:before {
    background: url(../images/m1_12b.png) center center no-repeat;
}

.showb-btn:before {
    background: url(../images/m1_15.png) center center no-repeat;
}

.showb-btn {
    color: #ff7202 !important;
}

.license_btn span.showb-btn:hover {
    color: #fff;
    background: #ff7202;
}

.license_btn .showb-btn:hover:before {
    background: url(../images/m1_10.png) center center no-repeat;
}

.showb-btn {
    color: #ff7202 !important;
}

.license_btn span.showb-btn:hover {
    color: #fff !important;
    background: #ff7202;
}

.license_btn .showb-btn:hover:before {
    background: url(../images/m1_15b.png) center center no-repeat;
}

.h2_n1 {
    font-size: 16px;
    color: #00aaeb;
    position: relative;
    top: 30px;
    float: left;
}

.h2_n1 span {
    font-size: 14px;
    color: #333;
    padding-left: 20px;
}

.fh-contact:before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/i4_03.png) center center no-repeat !important;
}

.cert-managed .fbtn {
    width: 25% !important;
    padding: 5px 20px !important;
}

.cert-managed .modify-btn:hover {
    border-radius: 8px 0px 0px 8px;
}

.cert-managed .del-btn:hover {
    border-radius: 0px 8px 8px 0px;
}

body .time-btn:before {
    background: url(../images/s1_03.png) center center no-repeat !important;
}

body .time-btn:hover {
    background: #ff802e;
}

body .time-btn:hover:before {
    background: url(../images/s1_05.png) center center no-repeat !important;
}

.cert-managed .license-btn {
    width: 236px;
}

.span_redb {
    color: #f00220;
}

.manageb .btn-def {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.manageb .text-empty {
    display: block;
    clear: both;
}

.manageb li {
    width: 256px;
}

.manageb .cert-type {
    text-align: left !important;
}

.h1_s5 {
    font-size: 14px;
    font-weight: bold;
    padding: 20px 10px 0px 20px;
}

.tabti1 {
    display: inline-block;
    line-height: 34px;
    height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    font-size: 0px;
    background: #f5f5f5;
}

.tabti1 a {
    display: inline-block;
    color: #4fa1a4;
    height: 34px;
    font-size: 14px;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
}

.tabti1 i {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    font-style: normal;
}

.tabti1 a:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0px;
    width: 30px;
    height: 34px;
}

.tabti_a1:before {
    background: url(../images/s2_03.png) center center no-repeat;
}

.tabti_a2:before {
    background: url(../images/s2_09.png) center 5px no-repeat;
}

.fh-proqd:before {
    width: 25px;
    height: 25px;
    background: url(../images/s2_07.png) center center no-repeat !important;
}

.marbom10 {
    margin-bottom: 10px;
}

.i_su {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0px auto;
    cursor: pointer;
}

.i_su1 {
    background: url(../images/s2_14.png) center center no-repeat;
}

.i_su2 {
    background: url(../images/s2_16.png) center center no-repeat;
}

.i_su3 {
    background: url(../images/s2_18.png) center center no-repeat;
}

.i_su4 {
    background: url(../images/s2_20.png) center center no-repeat;
}

.i_su5 {
    background: url(../images/s2_22.png) center center no-repeat;
}

.i_su6 {
    background: url(../images/s2_24.png) center center no-repeat;
}

.i_su7 {
    background: url(../images/s2_26.png) center center no-repeat;
}

.i_su8 {
    background: url(../images/s2_28.png) center center no-repeat;
}

.i_su9 {
    background: url(../images/s2_31.png) center center no-repeat;
}

.table-s2 th {
    padding: 8px 0px !important;
}

.table-s2 .spi1,
.table-s2 .pi2 {
    color: #f00220;
    text-decoration: underline;
    cursor: pointer;
}

.table-s2 .spi2 {
    color: #4fa1a4;
    text-decoration: underline;
    cursor: pointer;
}

.table-s2 .checks1 span {
    color: #f00220;
}

.table-s2 .pi1 {
    color: #00aaeb;
    font-weight: bold;
}

.table-s2 .pi5 {
    color: #373737;
}

.td-routeu.current {
    background: #ebebeb url(../images/table-sanjiao.png) no-repeat center bottom !important;
}


/*.table-1b tbody tr .table_more {
    display: none !important;
}*/

.table-1b tbody .tabsu {
    display: none;
}

.table-1b tr>td {
    padding-bottom: 25px !important;
}

.table-1b tbody.current .table_more {
    display: block !important;
}

.marbom20 {
    margin-bottom: 20px;
}

.h3_su5 {
    color: #00aaeb;
    font-weight: bold;
    padding-top: 20px;
    text-align: left;
    padding-bottom: 20px;
}

.table-1b .tyy {
    margin: 10px 0px;
    margin-top: 0px;
    color: #f00220;
    margin-bottom: 20px;
}

.span_img1,
.span_img2,
.span_img3 {
    cursor: pointer;
    position: relative;
    display: inline-block !important;
    margin-right: 10px;
}

.span_img1 img {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.span_img2 img,
.span_img3 img {
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.fheader .fh-tit .span_1 {
    font-size: 14px;
    color: #373737;
    font-weight: bold;
    text-decoration: none;
}

.box_bz {
    border: 1px #ccc solid;
    padding: 15px;
    border-radius: 8px;
}

.box_bz h1 {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 20px;
}

.fh-pro:before {
    width: 25px;
    height: 25px;
    background: url(../images/o1_03.png) center center no-repeat !important;
}

.fh-shang:before {
    width: 25px;
    height: 25px;
    background: url(../images/img_14_07.png) center center no-repeat !important;
}

.fh-prodw:before {
    width: 25px;
    height: 25px;
    background: url(../images/o1_06.png) center center no-repeat !important;
}

.fh-homeb:before {
    width: 25px;
    height: 25px;
    background: url(../images/o1_08.png) center center no-repeat !important;
}

.p_di1 {
    font-weight: bold;
    color: #4aa8e5;
}

.bor-rcs1 {
    border-right: 2px #4aa8e5 solid;
}

.fh-reginfo:before {
    width: 25px;
    height: 25px;
    background: url(../images/o2_07.png) center center no-repeat !important;
}

.fh-linlpro:before {
    width: 25px;
    height: 25px;
    background: url(../images/o2_09.png) center center no-repeat !important;
}

.fheader .tips i {
    font-style: normal;
    color: #ff7202;
}

.box_datab {
    width: 100%;
    position: relative;
    display: table;
}

.box_datab input {
    display: table-cell;
    width: 100%;
    height: 34px;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-left: 0px;
    border-right: 0px;
    background: #f5f5f5;
}

.box_datab .text-and {
    width: 6%;
    display: table-cell;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

.box_datab .input-end {
    border-radius: 0px 8px 8px 0px;
    border-right: 1px #ccc solid;
}

.box_img1 {
    display: block;
    border: 1px #ccc solid;
    padding: 20px;
}

.ul_imgs1 {
    padding-left: 30px;
}

.ul_imgs1 li {
    display: inline-block;
    width: 122px;
    margin-right: 25px;
}

.ul_imgs1 li img {
    width: 67px;
    height: 100px;
    padding: 2px;
    border: 1px #ccc solid;
    display: block;
    margin: 0px auto;
}

.box_img1 p {
    color: #00aaeb;
    padding-top: 10px;
    padding-left: 30px;
}

.ul_imgs1 .license-btn .fbtn {
    padding: 5px 11px;
}

.boxle1 {
    width: 210px;
    float: left;
    padding-right: 20px;
}

.boxri2 {
    position: absolute;
    left: 230px;
    right: 15px;
}

.ulle1 li {
    display: block;
    border: 1px #ccc solid;
    padding: 15px;
    margin-bottom: 65px;
    position: relative;
    height: 125px;
    cursor: pointer;
}

.ulle1 li:after {
    content: "";
    position: absolute;
    left: 65px;
    top: 135px;
    width: 50px;
    height: 60px;
    background: url(../images/o3_14.png) top center no-repeat;
}

.ulle1 li.current {
    color: #00aaeb;
}

.ulle1 li.current:after {
    background: url(../images/o3_11.png) top center no-repeat;
}

.ulle1 li:last-child {
    margin-bottom: 20px;
}

.ulle1 li:last-child:after {
    display: none;
}

.boxre1 {
    display: block;
    border: 1px #ccc solid;
    margin-bottom: 20px;
}

.boxre1>.row {
    padding: 20px 0px;
    margin: 0px;
}

.boxre1>.row:nth-child(1) {
    border-bottom: 1px #ccc solid;
}

.padt5 {
    padding-top: 5px;
}

.img_i1 {
    position: relative;
    top: -1px;
    padding: 0px 5px;
}

.flr {
    float: right;
}

.mart_10 {
    margin-top: -10px;
}

.fh-jxsqs:before {
    width: 25px;
    height: 25px;
    background: url(../images/o3_03.png) center center no-repeat !important;
}

.h2_n1 .radio-inline {
    margin-top: -3px;
}

.cal1 .clndr .clndr-table tr td {
    position: relative;
}

.cl_span1 {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    text-indent: 20px;
    margin-top: 0px;
    color: #4fa1a4;
    font-size: 18px;
    font-weight: 400;
}

.cl_span1:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 4px;
    width: 21px;
    height: 18px;
    background: url(../images/people.png) center top no-repeat;
}

.cl_span1[data-num=''] {
    display: none;
}

.calendar_box {
    position: absolute !important;
    left: 0px;
    top: 0px;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.calendar_box.left:after {
    opacity: 0;
}

.calendar_box.right:before {
    opacity: 0;
}

.license_btn .sub-btn:hover:before {
    background: url(../images/m1_24b.png) center center no-repeat;
}

.license_btn .show-btn:hover:before {
    background: url(../images/m1_26b.png) center center no-repeat;
}

.fly-btn:before {
    background: url(../images/m1_12.png) center center no-repeat;
}

.fly-btn {
    color: #00c8dc !important;
}

.license_btn span.fly-btn:hover {
    color: #fff !important;
}

.license_btn .fly-btn:hover:before {
    background: url(../images/m1_12b.png) center center no-repeat;
}

.showb-btn:before {
    background: url(../images/m1_15.png) center center no-repeat;
}

.showb-btn {
    color: #ff7202 !important;
}

.license_btn span.showb-btn:hover {
    color: #fff;
    background: #ff7202;
}

.license_btn .showb-btn:hover:before {
    background: url(../images/m1_10.png) center center no-repeat;
}

.showb-btn {
    color: #ff7202 !important;
}

.license_btn span.showb-btn:hover {
    color: #fff !important;
    background: #ff7202;
}

.license_btn .showb-btn:hover:before {
    background: url(../images/m1_15b.png) center center no-repeat;
}

.h2_n1 {
    font-size: 16px;
    color: #00aaeb;
    position: relative;
    top: 30px;
    float: left;
}

.h2_n1 span {
    font-size: 14px;
    color: #333;
    padding-left: 20px;
}

.fh-contact:before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/i4_03.png) center center no-repeat !important;
}

.cert-managed .fbtn {
    width: 25% !important;
    padding: 5px 20px !important;
}

.cert-managed .modify-btn:hover {
    border-radius: 8px 0px 0px 8px;
}

.cert-managed .del-btn:hover {
    border-radius: 0px 8px 8px 0px;
}

body .time-btn:before {
    background: url(../images/s1_03.png) center center no-repeat !important;
}

body .time-btn:hover {
    background: #ff802e;
}

body .time-btn:hover:before {
    background: url(../images/s1_05.png) center center no-repeat !important;
}

.cert-managed .license-btn {
    width: 236px;
}

.span_redb {
    color: #f00220;
}

.manageb .btn-def {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.manageb .text-empty {
    display: block;
    clear: both;
}

.manageb li {
    width: 256px;
}

.manageb .cert-type {
    text-align: left !important;
}

.h1_s5 {
    font-size: 14px;
    font-weight: bold;
    padding: 20px 10px 0px 20px;
}

.tabti1 {
    display: inline-block;
    line-height: 34px;
    height: 34px;
    border: 1px solid #4fa1a4;
    border-radius: 8px;
    font-size: 0px;
    background: #f5f5f5;
}

.tabti1 a {
    display: inline-block;
    color: #4fa1a4;
    height: 34px;
    font-size: 14px;
    position: relative;
    padding-left: 40px;
    padding-right: 20px;
}

.tabti1 i {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 14px;
    font-style: normal;
}

.tabti1 a:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0px;
    width: 30px;
    height: 34px;
}

.tabti_a1:before {
    background: url(../images/s2_03.png) center center no-repeat;
}

.tabti_a2:before {
    background: url(../images/s2_09.png) center 5px no-repeat;
}

.fh-proqd:before {
    width: 25px;
    height: 25px;
    background: url(../images/s2_07.png) center center no-repeat !important;
}

.marbom10 {
    margin-bottom: 10px;
}

.i_su {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0px auto;
    cursor: pointer;
}

.i_su1 {
    background: url(../images/s2_14.png) center center no-repeat;
}

.i_su2 {
    background: url(../images/s2_16.png) center center no-repeat;
}

.i_su3 {
    background: url(../images/s2_18.png) center center no-repeat;
}

.i_su4 {
    background: url(../images/s2_20.png) center center no-repeat;
}

.i_su5 {
    background: url(../images/s2_22.png) center center no-repeat;
}

.i_su6 {
    background: url(../images/s2_24.png) center center no-repeat;
}

.i_su7 {
    background: url(../images/s2_26.png) center center no-repeat;
}

.i_su8 {
    background: url(../images/s2_28.png) center center no-repeat;
}

.i_su9 {
    background: url(../images/s2_31.png) center center no-repeat;
}

.table-s2 th {
    padding: 8px 0px !important;
}

.table-s2 .spi1,
.table-s2 .pi2 {
    color: #f00220;
    text-decoration: underline;
    cursor: pointer;
}

.table-s2 .spi2 {
    color: #4fa1a4;
    text-decoration: underline;
    cursor: pointer;
}

.table-s2 .checks1 span {
    color: #f00220;
}

.table-s2 .pi1 {
    color: #00aaeb;
    font-weight: bold;
}

.table-s2 .pi5 {
    color: #373737;
}

.td-routeu.current {
    background: #ebebeb url(../images/table-sanjiao.png) no-repeat center bottom !important;
}


/*.table-1b tbody tr .table_more {
    display: none !important;
}*/

.table-1b tbody .tabsu {
    display: none;
}

.table-1b tbody.current .table_more {
    display: block !important;
}

.marbom20 {
    margin-bottom: 20px;
}

.h3_su5 {
    color: #00aaeb;
    font-weight: bold;
    padding-top: 20px;
    text-align: left;
    padding-bottom: 20px;
}

.tyyb {
    margin: 10px 0px;
    margin-top: 0px;
    color: #f00220;
    margin-bottom: 20px;
}

.span_img1,
.span_img2,
.span_img3 {
    cursor: pointer;
    position: relative;
    display: inline-block !important;
    margin-right: 10px;
}

.span_img1 img {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.span_img2 img,
.span_img3 img {
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.fheader .fh-tit .span_1 {
    font-size: 14px;
    color: #373737;
    font-weight: bold;
    text-decoration: none;
}

.box_bz {
    border: 1px #ccc solid;
    padding: 15px;
    border-radius: 8px;
}

.box_bz h1 {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 20px;
}

.table-1b tbody tr .table_more {
    /*display: none !important;*/
}

.fh-pro:before {
    width: 25px;
    height: 25px;
    background: url(../images/o1_03.png) center center no-repeat !important;
}

.fh-shang:before {
    width: 25px;
    height: 25px;
    background: url(../images/img_14_07.png) center center no-repeat !important;
}

.fh-prodw:before {
    width: 25px;
    height: 25px;
    background: url(../images/o1_06.png) center center no-repeat !important;
}

.fh-homeb:before {
    width: 25px;
    height: 25px;
    background: url(../images/o1_08.png) center center no-repeat !important;
}

.p_di1 {
    font-weight: bold;
    color: #4aa8e5;
}

.bor-rcs1 {
    border-right: 2px #4aa8e5 solid;
}

.fh-reginfo:before {
    width: 25px;
    height: 25px;
    background: url(../images/o2_07.png) center center no-repeat !important;
}

.fh-linlpro:before {
    width: 25px;
    height: 25px;
    background: url(../images/o2_09.png) center center no-repeat !important;
}

.fheader .tips i {
    font-style: normal;
    color: #ff7202;
}

.box_datab {
    width: 100%;
    position: relative;
    display: table;
}

.box_datab input {
    display: table-cell;
    width: 100%;
    height: 34px;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-left: 0px;
    border-right: 0px;
    background: #f5f5f5;
}

.box_datab .text-and {
    width: 6%;
    display: table-cell;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}

.box_datab .input-end {
    border-radius: 0px 8px 8px 0px;
    border-right: 1px #ccc solid;
}

.box_img1 {
    display: block;
    border: 1px #ccc solid;
    padding: 20px;
}

.ul_imgs1 {
    padding-left: 30px;
}

.ul_imgs1 li {
    display: inline-block;
    width: 122px;
    margin-right: 25px;
}

.ul_imgs1 li img {
    width: 67px;
    height: 100px;
    padding: 2px;
    border: 1px #ccc solid;
    display: block;
    margin: 0px auto;
}

.box_img1 p {
    color: #00aaeb;
    padding-top: 10px;
    padding-left: 30px;
}

.ul_imgs1 .license-btn .fbtn {
    padding: 5px 11px;
}

.boxle1 {
    width: 210px;
    float: left;
    padding-right: 20px;
}

.boxri2 {
    position: absolute;
    left: 230px;
    right: 15px;
}

.ulle1 li {
    display: block;
    border: 1px #ccc solid;
    padding: 15px;
    margin-bottom: 65px;
    position: relative;
    height: 125px;
    cursor: pointer;
}

.ulle1 li:after {
    content: "";
    position: absolute;
    left: 65px;
    top: 135px;
    width: 50px;
    height: 60px;
    background: url(../images/o3_14.png) top center no-repeat;
}

.ulle1 li.current {
    color: #00aaeb;
}

.ulle1 li.current:after {
    background: url(../images/o3_11.png) top center no-repeat;
}

.ulle1 li:last-child {
    margin-bottom: 20px;
}

.ulle1 li:last-child:after {
    display: none;
}

.boxre1 {
    display: block;
    border: 1px #ccc solid;
    margin-bottom: 20px;
}

.boxre1>.row {
    padding: 20px 0px;
    margin: 0px;
}

.boxre1>.row:nth-child(1) {
    border-bottom: 1px #ccc solid;
}

.padt5 {
    padding-top: 5px;
}

.img_i1 {
    position: relative;
    top: -1px;
    padding: 0px 5px;
}

.flr {
    float: right;
}

.mart_10 {
    margin-top: -10px;
}

.fh-jxsqs:before {
    width: 25px;
    height: 25px;
    background: url(../images/o3_03.png) center center no-repeat !important;
}

.h2_n1 .radio-inline {
    margin-top: -3px;
}

.cal1 .clndr .clndr-table tr td {
    position: relative;
}

.cl_span1 {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    text-indent: 20px;
    margin-top: 0px;
    color: #4fa1a4;
    font-size: 18px;
    font-weight: 400;
}

.cl_span1:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 4px;
    width: 21px;
    height: 18px;
    background: url(../images/people.png) center top no-repeat;
}

.cl_span1[data-num=''] {
    display: none;
}

.calendar_box {
    position: absolute !important;
    left: 0px;
    top: 0px;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.calendar_box.left:after {
    opacity: 0;
}

.calendar_box.right:before {
    opacity: 0;
}

.box_inputyear {
    display: table;
    position: relative;
    border-collapse: separate;
    width: 100%;
}

.box_inputyear input {
    padding: 6px 8px;
    border-radius: 8px 0px 0px 8px;
    border: 1px #ccc solid;
    background: #f5f5f5;
    width: 100%;
    border-right: 0px;
    display: table-cell;
}

.box_inputyear span {
    width: 30px;
    border-radius: 0px 8px 8px 0px;
    border-right: 1px #ccc solid;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    display: table-cell;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.imgfr {
    float: right;
}

.imgfr img {
    width: 180px;
    height: 254px;
    border: 1px #ccc solid;
    padding: 3px;
}

.imgfr .license-btn {
    width: 180px;
}

.marl20 {
    margin-left: 20px;
}

.marr20 {
    margin-right: 20px;
}

.pcl1 {
    display: block;
    padding-bottom: 20px;
    height: 45px;
}

.pcl1 i {
    width: 100px;
    font-style: normal;
    display: inline-block;
    text-align: left;
}

.pcl1 b {
    color: #00aaeb;
    font-weight: normal;
}

.pc1_btn {
    border: 1px #4fa1a4 solid;
    border-radius: 8px;
    padding: 6px 15px 6px 45px;
    margin-left: 10px;
    color: #4fa1a4;
    position: relative;
}

.pc1_btn:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 2px;
    width: 25px;
    height: 25px;
    background: url(../images/o5_13.png) center center no-repeat;
}

.p_af1 {
    margin-left: 60px;
    position: relative;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #00aaeb;
}

.p_af1:before {
    content: "";
    position: absolute;
    left: -40px;
    top: 0px;
    width: 30px;
    height: 30px;
    background: url(../images/o5_07.png) center center no-repeat;
}

.marl50 {
    margin-left: 50px;
}

.imgfrb {
    width: 210px;
}

.imgfrb img {
    width: 210px;
    height: 290px;
    border: 1px #f8c9a4 solid;
}

.license-btn5 {
    width: 306px;
    margin-left: -51px;
}

.license-btn5 .fbtn {
    width: 20% !important;
    padding: 5px 20px !important;
}

.magnify-pre:before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/o5_19.png) center center no-repeat !important;
}

.magnify-next:before {
    transform: rotateY(180deg);
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/o5_19.png) center center no-repeat !important;
}

.magnify-face:before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(../images/m1_36.png) center center no-repeat !important;
}

.magnify-pre:hover,
.magnify-next:hover {
    background: #4fa1a4;
    color: #fff;
}

.input-contrast i.contrast {
    content: "";
    position: absolute;
    right: 10px;
    top: 4px;
    width: 25px;
    height: 25px;
    background: url(../images/m1_36.png) center center no-repeat;
    z-index: 100;
    cursor: pointer;
}

.contrastbox {
    position: absolute;
    z-index: 99;
    left: 300px;
    top: 200px;
    border: 1px #ff802e solid;
    border-radius: 8px;
    padding: 5px 10px;
    background: #fff;
    box-shadow: 0 0 8px #888;
}

.contrastbox p {
    display: block;
    line-height: 24px;
    position: relative;
}

.contrastbox p:nth-child(2) {
    border-top: 1px #ff802e solid;
    color: #ff802e;
}

.contrastbox p i {
    font-style: normal;
    padding-left: 10px;
}

.contrastbox:after {
    content: "";
    width: 20px;
    height: 7px;
    position: absolute;
    right: 10px;
    bottom: -6px;
    background: url(../images/m1_32.png) bottom center no-repeat;
}

.contrast_radio span {
    color: #ff802e !important;
}

.contrast_radio span::before {
    background-image: url(../images/radiob.png) !important;
}

.contrastbox_required p:after {
    content: "*";
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 16px;
}

.contrast_check span:before {
    border: 1px #ff802e solid;
}

.contrast_check span {
    color: #ff802e;
}

.contrast_check input[type=checkbox]:checked+span::before {
    border: 1px #ff802e solid;
    background: url(../images/checkboxb.png) 50% 0 no-repeat !important;
}

.contrast_check input[type=checkbox]:checked+span {
    color: #ff802e;
}

.input-con-color {
    color: #ff802e !important;
}

.contrast_bor {
    border: 1px #ff802e solid !important;
}

.parcon_1 i.contrast {
    right: 18px;
}

.magnify-pre:hover:before,
.magnify-next:hover:before {
    background: url(../images/o5_19b.png) center center no-repeat !important;
}

.magnify-face:hover {
    background: #ff7202;
    color: #fff;
}

.magnify-face:hover:before {
    background: url(../images/m1_36b.png) center center no-repeat !important;
}

.mapla label,
.allmap label {
    max-width: none;
}

/* #allmap {
    margin-top: 20px;
} */

.idmaphide {
    width: 200px;
    height: 200px;
    position: fixed;
    left: -100%;
    bottom: -100%;
    z-index: -1;
}

#idmaphide {
    width: 200px;
    height: 200px;
}

.allmap {
    width: 100%;
    height: 300px;
}

#idvue {
    opacity: 0;
}

#idvue.show {
    opacity: 1;
}

.input-group-righttxt {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 222;
    line-height: 34px;
}

.input-group-boxright .form-control {
    border-radius: 0px 8px 8px 0px !important;
}

.cert-manage.hides .cert-item:nth-child(n+3) {
    display: none;
}

@media screen and (min-width:1300px) {
    .content {
        /* width: 1250px;
        padding-left: 0px;
        padding-right: 0px; */
        padding-left: 80px;
        padding-right: 80px;
        margin-left: auto;
        margin-right: auto;
    }
    body {
        background: #f5f5f5;
    }
}

.content-ll {
    width: 1003px;
    margin: 0 auto;
}

.from-button a[operateaction="enableaccount"] {
    color: #649fa3;
}

.from-button a[operateaction="enableaccount"]:hover {
    background: #649fa3;
    color: #fff;
}

.input-group-addon font[color="red"] {
    position: relative;
    top: 4px;
    padding-left: 3px;
}

.input-group .input-group-btn button.btn {
    padding-left: 10px;
    padding-right: 20px;
}

.padd_25 {
    padding-bottom: 25px !important;
}

.table-ca1 .basic_table_down {
    padding: 0px 20px;
}

.group_search>.row {
    padding-bottom: 10px;
}

.group_search {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.table-nps>tbody>tr>td:nth-child(2) {
    padding-left: 33px !important;
    padding-bottom: 20px;
}

.table-nps tbody.current .basic_table_down {
    background: #ebebeb !important;
}

.table-nps tbody.current table td,
.table-nps tbody.current table th {
    background: #ebebeb !important;
}

.padd_20 {
    margin-bottom: 15px;
}

.str_pus1 {
    position: absolute;
    right: 0px;
    bottom: 5px;
}

.frod1 {
    text-align: right;
    padding-top: 20px;
}

.pu1_1 b {
    font-size: 24px;
    color: #00aaeb;
    font-weight: 500;
}

.div_pro_1 {
    width: 213px;
    margin: 0px auto;
}

.div_pro_1 img {
    width: 213px;
    height: 122px;
    border: 1px #ccc solid;
    margin-bottom: 10px;
}

.license-btn .upload-btn:hover {
    background: #649fa3;
}

.license-btn .upload-btn:hover:before {
    background-position: 0px -309px;
}

.div_pro_1>p {
    font-size: 12px;
    color: #00aaeb;
    padding: 5px 0px;
}

.addonv {
    width: 0px;
    padding: 6px 2px;
}

.pu2_2 {
    font-size: 14px;
    padding: 5px 0px;
}

.yydiv1 {
    background: #f5f5f5;
    margin-top: 10px;
    border: 1px #00aaeb solid;
    padding: 10px 20px;
    padding-top: 20px;
}

.div_p3s {
    display: table;
    width: 100%;
    padding: 2px 0px;
}

.div_p3s span {
    display: table-cell;
    width: 80px;
    text-align: right;
    padding-right: 20px;
}

.div_p3s p {
    display: table-cell;
    text-align: right;
}

.div_p3s .p1 {
    font-size: 20px;
    font-weight: 300;
}

.div_p3s .p1 i {
    font-size: 14px;
    color: #373737;
    font-weight: normal;
    padding-left: 5px;
}

.div_p3s .p2 {
    font-size: 18px;
    color: #00aaeb;
    text-decoration: underline;
}

.div_u1 {
    width: 100%;
    position: relative;
}

.table-ca1 tbody.current .basic_table_down {
    background: #ebebeb !important;
}

.img_h32 {
    height: 32px;
}

.table-ca1 tbody.current table td,
.table-ca1 tbody.current table th {
    background: #ebebeb !important;
}

.ui-paging-container li {
    display: inline-block;
    width: 78px;
    height: 24px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    margin: 0 10px;
    text-align: center;
    line-height: 13px;
}

.ui-paging-container li {
    display: none;
}

.ui-paging-container li:nth-child(2),
.ui-paging-container .js-page-next {
    display: inline-block;
}

.left-treec {
    width: 440px;
}

.table-1u {
    margin-top: 10px;
}

.vertical_top {
    vertical-align: top !important;
}

.table-1u tr td {
    color: #373737;
}

.table-1u span {
    color: #00aaeb;
    display: block;
}

.table-1u b {
    display: block;
}

.st_h1 {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    color: #00aaeb;
    padding-top: 30px;
    border-bottom: 2px #00aaeb solid;
    text-align: center;
}

.div_w360 {
    width: 360px;
    margin: 0px auto;
}

.mar_top_20 {
    margin-top: 20px;
}

.divconu1 {
    width: 100%;
    display: table;
}

.divconu1:after {
    content: "";
    width: 100%;
    clear: both;
}

.divconu1left {
    width: 480px;
    padding-right: 40px;
    position: relative;
    display: table-cell;
}

.divconu1right {
    width: 100%;
    display: table-cell;
}

.divconu1left .left-tree {
    position: relative;
    left: 0px;
}

.pg_con1 {
    display: block;
    background: #ebebeb;
    padding: 20px 30px;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pg_con1 .div1 {
    border-bottom: 1px #00aaeb solid;
    padding-bottom: 20px;
}

.pg_con1 .div1 img {
    float: left;
}

.pg_con1 .div1 h1 {
    font-size: 18px;
    color: #373737;
    position: relative;
    top: 10px;
    display: inline-block;
    float: left;
}

.pg_con1 .div1 p {
    display: inline-block;
    float: left;
    position: relative;
    top: 2px;
    margin-left: 30px;
}

.pg_con1 .div1:after {
    content: "";
    clear: both;
    width: 100%;
    display: block;
}

.pg_con1 .div1 p b {
    font-size: 24px;
    color: #00aaeb;
    padding: 0px 3px;
    font-weight: 400;
    position: relative;
    top: 3px;
}

.pg_con1 .div2 {
    background: #fff;
    border-bottom: 1px #00aaeb solid;
    padding: 0px 20px;
}

.table-o1 thead>tr>th {
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
}

.table-o1 tbody tr {
    border-bottom: 1px #ddd solid;
}

.pg_con1 .table-page {
    margin-bottom: 20px;
}

.fb-lrfp:before {
    width: 20px;
    height: 20px;
    background: url(../images/csu2_03.png) left top no-repeat !important;
}

.fb-fsgyy:before {
    width: 20px;
    height: 20px;
    background: url(../images/csu2_05.png) left top no-repeat !important;
}

.fb-sqgbdd:before {
    width: 20px;
    height: 20px;
    background: url(../images/csu2_07.png) left top no-repeat !important;
}

.div_ub {
    display: table;
    width: 100%;
}

.div_ub:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
}

.div_ubl {
    width: 50%;
    display: table-cell;
    padding-right: 20px;
    position: relative;
}

.div_ubl:after {
    content: ">>";
    position: absolute;
    right: -10px;
    top: 80px;
}

.div_ubr {
    width: 50%;
    display: table-cell;
    padding-left: 20px;
}

.div_bd1 {
    background: #ebebeb;
    padding: 20px 30px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 8px;
    display: block;
}

.div_bd1 h1 {
    font-size: 16px;
    color: #00aaeb;
    font-weight: bold;
    padding-bottom: 20px;
}

.div_ub .city-picker-span {
    background: #f5f5f5;
}

.div_bd2 {
    display: block;
    border: 1px #ccc solid;
    padding: 20px 20px 20px 30px;
}

.text-input_stb {
    text-align: right;
    padding-right: 30px;
    font-size: 24px;
    color: #00aaeb;
}

.div_bd2 h1 {
    font-size: 16px;
    color: #00aaeb;
    font-weight: bold;
    padding-bottom: 20px;
}

.div_bd2b .input-group-addon {
    width: 8em;
}

.divtable1 {
    padding: 16px;
}

.table-1dd {
    margin: 16px;
    padding-top: 20px;
}

.business-info:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.h20 {
    height: 20px;
    display: block;
}

.input_w90 {
    width: 90px;
    float: right;
}

.p_st_1 {
    clear: both;
}

.input_1 {
    height: 34px;
    border-radius: 8px;
    border: 1px #ccc solid;
    padding: 0px 5px;
}

.p_st_2 {
    display: block;
    line-height: 34px;
    text-align: right;
}

.table-1dd td {
    position: relative;
}

.table-1dd td .cir1 {
    position: absolute;
    right: 10px;
    top: 10px;
}

.table-1dd td .cir2 {
    position: absolute;
    right: 10px;
    top: 60px;
}

.table-1dd tr td:nth-child(2) {
    padding-right: 40px;
}

.table-1dd .row input {
    border: 1px #4fa1a4 solid;
    color: #4fa1a4;
    background: #f5f5f5;
}

.table-1dd td {
    border-top: 0px !important;
}

.table-1dd .row {
    border-top: 1px #4fa1a4 dashed;
}

.table-1dd tbody {
    border-bottom: 1px #ccc solid;
}

.table-cir1 td {
    position: relative;
}

.table-cir1 td .cir1 {
    position: absolute;
    right: 0px;
    top: 25px;
}

.table-cir1 td .cir2 {
    position: absolute;
    right: 0px;
    top: 71px;
}

.h_st_3 {
    padding-top: 10px;
}

.h_st_3 b {
    font-size: 14px;
    color: #00aaeb;
}

.h_st_3 b:nth-child(1) {
    font-size: 24px;
    font-weight: 400;
    position: relative;
    padding: 0px 4px;
    top: 4px;
}

.ul_nav3 {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.ul_nav3 li {
    width: 25%;
    display: table-cell;
    text-align: center;
    padding: 25px 0px;
    font-size: 16px;
    color: #c8c8c8;
    cursor: pointer;
    border-bottom: 2px #c8c8c8 solid;
}

.ul_nav3 span {
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #4fa1a4;
    background: #c8c8c8;
    color: #fff;
    font-size: 30px;
    display: inline-block;
    border-radius: 43px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.ul_nav3 li.current {
    border-bottom: 2px #4fa1a4 solid;
    color: #373737;
}

.ul_nav3 li.current span {
    background: #4fa1a4;
}

.a_st_1 {
    margin: 0px auto;
    color: #01a6ae;
    font-size: 16px;
    text-decoration: underline;
    display: block;
    text-align: center;
}

.div_ub2 {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.div_ul2l {
    width: 55%;
    display: table-cell;
}

.div_ul2r {
    width: 45%;
    display: table-cell;
    position: relative;
    height: 860px;
}

.table-thcenter th {
    text-align: center;
}

.div_ul2rc {
    width: 100%;
    height: 860px;
    /*background: #ebebeb;*/
    border: 1px solid #00aaeb;
    border-radius: 8px;
    /*box-shadow: 0px 0px 8px 1px rgba(103, 100, 100, 0.52);*/
    position: absolute;
    left: 5px;
    overflow: hidden;
    top: 3px;
    padding: 0px 30px;
    overflow-y: scroll;
}

.a_st_2 {
    margin: 0px auto;
    color: #01a6ae;
    font-size: 18px;
    text-decoration: underline;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.fh-scj:before {
    width: 20px;
    height: 20px;
    background: url(../images/usc1_03.png) left top no-repeat !important;
}

.checkbox_u {
    float: left;
    margin-left: 20px;
    margin-right: 50px;
}

.checkbox_u span::before {
    vertical-align: middle;
}

.input_w100 {
    width: 100px !important;
    padding-right: 10px;
}

.fh-prolist:before {
    width: 20px;
    height: 20px;
    background: url(../images/ucs2_06b.png) left top no-repeat !important;
}

.ul_pro2 {
    width: 100%;
    float: none;
    white-space: normal;
    display: block;
}

.ul_pro2 li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
    float: left;
}

.ul_pro2 li:nth-child(3n) {
    margin-right: 0px;
}

.div_center {
    width: 500px;
    margin: 0px auto;
    text-align: center;
    padding-bottom: 150px;
}

.h_st_2 {
    font-size: 18px;
    color: #00aaeb;
    text-align: center;
    padding: 30px 0px;
}

.input_w3 {
    width: 400px;
    margin: 0px auto;
    display: block;
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    border: 1px #ddd solid;
    background: #f5f5f5;
    padding: 0px 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.div_center .ar1 {
    float: left;
    color: #4fa1a4;
    font-size: 18px;
    text-decoration: underline;
}

.div_center .ar2 {
    float: right;
    color: #4fa1a4;
    font-size: 18px;
    text-decoration: underline;
}

.fh-super:before {
    width: 20px;
    height: 20px;
    background: url(../images/ucs3_03b.png) left top no-repeat !important;
}

.input_w4 {
    width: 300px;
    float: left;
    box-shadow: 0px 0px #fff;
    border-radius: 8px;
    background: #f5f5f5;
}

.h1_st_3 {
    font-size: 18px;
    color: #00aaeb;
    padding: 20px 0px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 20px;
    padding-top: 0px;
}

.p_s2 {
    width: 130px;
    text-align: center;
    color: #4fa1a4;
}

.a_st_del {
    background: url(../images/usc4_03.png) 20px 10px no-repeat;
    padding-left: 50px;
    padding-right: 20px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    border: 1px #f00220 solid;
    color: #f00220;
    font-size: 14px;
}


/**/

.message-list {
    position: relative;
    display: block;
    margin: 20px auto;
}

.message-list .p_line1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 170px;
    width: 2px;
    background: #87b8bc;
}

.message-list .p_line1:before {
    top: -7px;
}

.message-list .p_line1:after,
.message-list .p_line1:before {
    position: absolute;
    left: -3px;
    width: 8px;
    height: 8px;
    background: #87b8bc;
    content: "";
    transform: rotate(45deg);
}

.message-list .p_line1:after {
    bottom: -7px;
}

.msg-detail {
    position: relative;
    display: block;
    padding-top: 20px;
}

.msg-detail>p {
    position: relative;
    float: left;
    display: inline-block;
    margin: 0;
    width: 160px;
    border-bottom: 1px solid #86b8bc;
    color: #86b8bc;
    font-weight: 700;
    font-size: 22px;
}

.msg-detail .msg-con1 {
    margin-top: 19px;
    margin-left: 195px;
    padding: 15px;
    background: #eaeaea;
}

.msg-detail:after {
    clear: both;
    display: block;
    width: 100%;
    content: "";
}

.msg-detail>p span {
    position: absolute;
    right: -19px;
    float: right;
    margin-top: 18px;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    border-radius: 15px;
    background: #86b8bc;
}

.msg-detail .msg-con1 h2 {
    margin: 0;
    font-weight: 400;
}

.msg-detail .msg-con1>p {
    margin: 3px 0;
    margin-top: 5px;
}

.msg-detail .msg-con1>p span {
    padding-right: 30px;
    color: #8d949a;
}

.msg-detail .msg-con2 {
    padding: 10px 0;
}

.msg-detail .msg-con2 p {
    margin: 2px 0;
    text-indent: 2em;
    line-height: 1.5em;
}

.msg-detail footer {
    text-align: right;
}

.msg-detail footer a {
    padding: 0 20px;
}

.message-list .msg-detail:last-child {
    padding-bottom: 35px;
}

.msg-detail.read>p span {
    background: #d2d2d2;
}

.msg-detail.read .msg-con1 {
    background: #eaeaea;
}

.msg-detail.read .msg-con1 h2 {
    color: #a6a7a9;
}

.msg-detail.read .msg-con2 p {
    color: #a6a7a9;
}

.msg-detail.nodatafirst>p {
    border: 0;
    color: #fff;
}

.msg-detail .msg-con1>p span.red {
    color: #de312d;
}

.msg-detail .msg-con1>p span.orange {
    color: #ee7a2f;
}

.btn-d {
    display: inline-block;
    padding: 0 5px;
    height: 17px;
    border: 1px solid #4aa8e5;
    border-width: 0;
    background: #fff;
    color: #4aa8e5;
    text-align: center;
    line-height: 15px;
}

.btn-d.btn-d-green {
    border: 1px solid #64a1a6 !important;
    color: #64a1a6;
}

.btn-d.btn-d-activate {
    background: #4aa8e5;
    color: #fff !important;
}

.btn-d.btn-d-green.btn-d-activate {
    background: #64a1a6;
    color: #fff;
}

.btn-d+.btn-d {
    margin-left: 3px;
}

.btn-d.btn-d-lg {
    padding: 0 20px;
    height: 25px;
    min-width: 50px;
    line-height: 23px;
}

.btn-d.btn-d-grey,
.btn-d.disabled {
    border: 1px solid hsla(203, 6%, 58%, .4);
    color: hsla(203, 6%, 58%, .4);
}

.btn-d.disabled {
    cursor: not-allowed;
}

.btn-d.btn-d-grey.btn-d-activate,
.btn-d.disabled.btn-d-activate {
    border: 1px solid #cfd4d7;
    background: #cfd4d7;
    color: #fff;
}

.btn-d.btn-d-circle {
    border-radius: 5px;
}

.btn-d-group .btn-d+.btn-d {
    margin-left: 20px;
}
.operate-btns .iconfont::before{
    font-size: 22px;
    color: #fff;
    background: none;
}